var timer = 0; // timers control mouseover delays to avoid jittery behavior of links
var timerID = 0;
var timerIDH = 0;

$(document).ready(function(){
//	document.getElementById('content').style.marginTop = 10 + 'px';
	changeAll(19,document.getElementById('Menu19'),'explore','Explore Our Pages');
	window.onresize = reposition;	
	reposition();
});

function showItem(item,source){   // called from the template
	timerID=window.setTimeout(function(){showDelayed(item)},300);
	if(source == 'table') {
		window.clearTimeout(timerIDH);
	}
}

function showDelayed(item){
    var room;
	room = - document.getElementById(item).offsetHeight / 2.0;
//	document.getElementById(item).style.position = 'absolute';
	document.getElementById(item).style.top = room + 'px';
	document.getElementById(item).style.visibility = 'visible';
}


function hideItem(item,source){
	window.clearTimeout(timerID);
	timerIDH = window.setTimeout(function(){hideDelayed(item)},300);
	/* if(source == 'table') alert("Test HideItem" + item);  */
}

function hideDelayed(item){
	document.getElementById(item).style.visibility = 'hidden';
}

function clearTimer(){
	window.clearTimeout(timerID);
	timer = 0;
}

function clearMenu(){
	for(z=0; z<20; z++){
		if(obj = document.getElementById('Menu' + z)){
			obj.style.background='';
			if (z<8){
				obj.style.color='#77FF77'; // the green links in the "explore our pages"
			}
			else{
				obj.style.color='#FFCC66'; // the tan colored links on the side
			}	
		}
		if(obj = document.getElementById('SubMenu' + z))
		{
			obj.style.background='';
			obj.style.color='#FFCC66';
		}		
	}
	document.getElementById('Menu22').style.background='';	
	document.getElementById('Menu22').style.color='#FFCC66';
	document.getElementById('Menu23').style.background='';	
	document.getElementById('Menu23').style.color='#FFCC66';
	
}

function changeAll(a,item, x, y){
	if (timer == 0) {	
		timer = 1;
	    timerID = window.setTimeout(function(){changeAll(a, item, x, y)},200);
    	return;
	}
	document.getElementById('titleBox').innerHTML = y;
	document.getElementById('events').style.display='none';	
	document.getElementById('contact').style.display='none';
	document.getElementById('officers').style.display='none';
	document.getElementById('overview').style.display='none';
	document.getElementById('facilities').style.display='none';
	document.getElementById('distances').style.display='none';
	document.getElementById('numbers').style.display='none';
	document.getElementById('links').style.display='none';
	document.getElementById('junior').style.display='none';	
	document.getElementById('explore').style.display='none';
	document.getElementById('join').style.display='none';	
	document.getElementById('rules').style.display='none';
	document.getElementById('survey').style.display='none';	
	document.getElementById('WEBtools').style.display='none';
	document.getElementById('renew').style.display='none';
	document.getElementById(x).style.display='block';

	if(a == 13){
    	document.getElementById('container').style.overflow = 'visible';
	}
	else{
	    document.getElementById('container').style.overflow = 'hidden';
	}
	
	clearMenu();
	
	
	if(a <8){
		item.style.color='#FFFF00';	
		document.getElementById('hand').style.top = 34 + 43*(a+1) + 'px';	
	}
	else{
		item.style.backgroundColor='#016801';
		item.style.color='#FFFF00';
		document.getElementById('hand').style.visibility='hidden';	
	}

	if(a == 19) {   //if cursor over "explore"
		document.getElementById('hand').style.visibility='visible';
		document.getElementById('hand').style.top = '77px';
	}
	timer = 0;
	return; 
}

function reposition(){
	var margin;
	var windowHeight;
	if (window.innerHeight) windowHeight = window.innerHeight;
	else if(document.documentElement.clientHeight) windowHeight = document.documentElement.clientHeight;
	else if(document.body.clientHeight) windowHeight = document.body.clientHeight;
	margin = (windowHeight - document.getElementById('content').clientHeight - 18)/2.0;
	if(margin < -10) margin = -10;
	document.getElementById('content').style.marginTop = margin + 'px';
}

function Menu20_ON(){
	clearMenu();
	document.getElementById('Menu21').style.display='block';
	document.getElementById('Menu20').style.backgroundColor='#040';
	document.getElementById('Menu20').style.color='#FFFF00';
	document.getElementById('hand').style.visibility='hidden';	
}

function Menu20_OFF(){
	clearMenu();
	document.getElementById('Menu21').style.display='none';
	document.getElementById('Menu20').style.backgroundImage='';
	document.getElementById('Menu20').style.backgroundColor='';
	document.getElementById('Menu20').style.color='#FFCC66';
	document.getElementById('Menu20').style.borderBottom = '0px';
}