
function toggle_visibility(n) {
	if (n<=7 || n==11 || n==18 || n==19 || n==20) {
		for (var i = 1; i <= 21; i++) {
			if (i == n||i==5) {continue;}
			e = document.getElementById('text'+i.toString());
			if(e.style.display == 'block') {
				e.style.display = 'none';
				e = document.getElementById('link'+i.toString());
				if (i<=7) e.style.color='#656565';
				if (i==19||i==11||i==18||i==20) e.style.color='#999';
				if (i==2) {
					document.getElementById('text8').style.display='none';
					document.getElementById('text9').style.display='none';
					document.getElementById('text10').style.display='none';
					document.getElementById('text16').style.display='none';
					document.getElementById('text17').style.display='none';
					document.getElementById('text21').style.display='none';
				}
				else if (i==3) {
					document.getElementById('text12').style.display='none';
					document.getElementById('text13').style.display='none';
					document.getElementById('text14').style.display='none';
					document.getElementById('text15').style.display='none';		
				}		
				break;
			}
		}
	}
	else if (n<=21) {
		for (var i = 8; i <=21; i++) {
			if (i==n) continue;
			e=document.getElementById('text'+i.toString());
			if (e.style.display=='block') {
				e.style.display='none';
				break;
			}
		}
		
	}
	document.getElementById('myBox').style.height='0px';
	document.getElementById('text'+n).style.display='block';
	document.getElementById('text'+n).style.zIndex='50';
	if (n <= 7 || n == 18 || n == 11 || n == 19 || n == 20)
		document.getElementById('link'+n).style.color='#00ccff';
	

	if (n==2) {
		x=document.getElementById('text8');
		x.style.display='block'; 
		x.style.zIndex='50';
		x=document.getElementById('link8');
		document.getElementById('box').style.width=(x.offsetWidth+10).toString()+'px';
		document.getElementById('box').style.left=(x.offsetLeft-5).toString()+'px';

	}
	if (n==3) {
		x=document.getElementById('text12');
		x.style.display='block';
		x.style.zIndex='50';
		x=document.getElementById('link12');
		document.getElementById('box2').style.width=(x.offsetWidth+10).toString()+'px';
		document.getElementById('box2').style.left=(x.offsetLeft-5).toString()+'px';
	}
	if (n==8||n==9||n==10||n==16||n==17||n==21) {
		x=document.getElementById('link'+n);
		$('#box').animate({
		    left: (x.offsetLeft-5).toString()+'px',
		    width: (x.offsetWidth+10).toString()+'px'
		  }, "medium", function() {
		    // Animation complete.
		  });
	}
	if (n==12||n==13||n==14||n==15) {
		x=document.getElementById('link'+n);
		
		$('#box2').animate({
		    left: (x.offsetLeft-5).toString()+'px',
		    width: (x.offsetWidth+10).toString()+'px'
		  }, "medium", function() {
		    // Animation complete.
		  });
	}
	
	m = (document.getElementById('text'+(n==2? 8:(n==3? 12:n))).offsetHeight);
	document.getElementById('myBox').style.height=(m+10).toString()+'px';
	//document.getElementById('myBox').style.height=(getDocHeight()-300).toString()+'px';
}


function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function resize() {
	document.getElementById('myBox').style.height='0px';
	document.getElementById('myBox').style.height=(getDocHeight()+394).toString()+'px';
}

function resize(x) {
	var m=0;
	switch(x) {
		case 2:
			x=8; break;
		case 3:
			x=12; break;
		case 5: 
			x=7; break;
		case 6:
			x=6; break;
		case 7:
			x=11; break;
		case 8:
			x=18; break;
		case 10:
			x=19; break;
	}
	
	m += (document.getElementById('text'+x.toString()).offsetHeight);
	document.getElementById('myBox').style.height=(m+10).toString()+'px';
}

function forum() {
var load = window.open('/phpBB3/index.php','','');
}
function gallery() {
	self.location='gallery2011.php';
}

function arrows(x) {
	e=document.getElementById('arrows');
	if (e.style.opacity=='0') {
		e.style.left=(document.getElementById('link'+(x).toString()).offsetLeft-48).toString()+'px';
		e.style.opacity='.5';
		$('#arrows').animate({
			left: "+=30", "opacity": "1"
		}, "medium", function() {
			//Animation complete.
		}
		);
		e.style.display='block';
	}
	else {
		$('#arrows').animate({
		    left: (document.getElementById('link'+(x).toString()).offsetLeft-18).toString()+'px'
		  }, "medium", function() {
		    // Animation complete.
		  }
		);
	}
	//document.getElementById('arrows').style.left=(document.getElementById('link'+(x).toString()).offsetLeft-18).toString()+'px';
}

function contact() {
	var x=document.getElementById('text1').offsetLeft;
	document.getElementById('text1').style.display='none';
	var e=document.getElementById('contact');
	e.style.display='block';
	$('#contact').animate({
		left: x.toString()+'px'
	}, 1, function() {
		//Animation complete.
	}
	);
}
function arrowsHide() {
	$('#arrows').animate({
		left: "-=30", "opacity": "0"
	}, "medium", function() {
		//Animation complete.
	}
	);

}

