// JavaScript Document
function topNavRollOver(itemNum, path){
	document.getElementById('topNavBtnLeft'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\""+path+"images/topNavBtnLeftOver.gif\" />";
	document.getElementById('topNavBtnMid'+itemNum).style.backgroundImage="url("+path+"images/topNavBtnMidOver.gif)";
	document.getElementById('topNavBtnMid'+itemNum).style.color="#FFFFFF";
	document.getElementById('topNavBtnRight'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\""+path+"images/topNavBtnRightOver.gif\" />";
}
function topNavRollOut(itemNum, path){
	document.getElementById('topNavBtnLeft'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\""+path+"images/topNavBtnLeft.gif\" />";
	document.getElementById('topNavBtnMid'+itemNum).style.backgroundImage="url("+path+"images/topNavBtnMid.gif)";
	document.getElementById('topNavBtnMid'+itemNum).style.color="#000000";
	document.getElementById('topNavBtnRight'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\""+path+"images/topNavBtnRight.gif\" />";
}

function topNavRollOverSchools(itemNum){
	document.getElementById('topNavBtnLeft'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\"../images/topNavBtnLeftOver.gif\" />";
	document.getElementById('topNavBtnMid'+itemNum).style.backgroundImage="url(../images/topNavBtnMidOver.gif)";
	document.getElementById('topNavBtnMid'+itemNum).style.color="#FFFFFF";
	document.getElementById('topNavBtnRight'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\"../images/topNavBtnRightOver.gif\" />";
	//alert(document.getElementById('topNavBtnRight'+itemNum).innerHTML);
}
function topNavRollOutSchools(itemNum){
	document.getElementById('topNavBtnLeft'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\"../images/topNavBtnLeft.gif\" />";
	document.getElementById('topNavBtnMid'+itemNum).style.backgroundImage="url(../images/topNavBtnMid.gif)";
	document.getElementById('topNavBtnMid'+itemNum).style.color="#000000";
	document.getElementById('topNavBtnRight'+itemNum).innerHTML = "<img class=\"topNavLink\" src=\"../images/topNavBtnRight.gif\" />";
}

function sideNavRollOver(itemNum){
	document.getElementById('sideNavIcon'+itemNum).style.visibility = 'visible';
}
function sideNavRollOut(itemNum){
	document.getElementById('sideNavIcon'+itemNum).style.visibility = 'hidden';
}

function setSideNav(itemCount){
	for(var i=0;i<itemCount;i++){
		
		var elemHeight = document.getElementById('sideNavElem'+i).offsetHeight;
		//alert(elemHeight);
		if(elemHeight<27){
			document.getElementById('sideNavElem'+i).style.height = "27px";
			//alert("changing elem");
			}
			else if(elemHeight>28){
				document.getElementById('sideNavElem'+i).style.height = "40px";
			}
			if(elemHeight>71){//used for catergory on schools
				document.getElementById('sideNavElem'+i).style.height = "93px";
			}
		}
		//alert(itemCount);
	}
	
	 function setStageHeights(){
		 // elemRight = document.getElementById('rightHatch');
		 // elemLeft = document.getElementById('leftHatch');
		  elemSideNav = document.getElementById('sideNavID');
		 // alert(elemSideNav);
		 // elemRight.style.height = elemRight.parentNode.offsetHeight +"px";
		 // elemLeft.style.height = elemLeft.parentNode.offsetHeight +"px";
		 if(elemSideNav){
			 
		  elemSideNav.style.height = elemSideNav.parentNode.offsetHeight +"px";
		  
		 }
	  }
	  
function findPos(obj) {

	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function placeSwish(){
	/*if(document.getElementById('nav_swish')){
	var swishElem = document.getElementById('nav_swish');
	var topNavElem = document.getElementById('topNav');
	var topNavPos = findPos(topNavElem);
	//alert(sideNavePos[0]);
	swishElem.style.position = 'absolute';
	swishElem.style.top = "89px";
	swishElem.style.left = ((topNavPos[0]+topNavElem.offsetWidth)-swishElem.offsetWidth) + "px";
	}*/
	
}
function placeGauge(){
	var gaugeElem = document.getElementById('gaugeImg');
	var baseElem = document.getElementById('mainContentHolder');
	//alert(baseElem.clientHeight);
	var basePos = findPos(baseElem);
	var sideNavIDElem = document.getElementById('sideNavID');
	sideNavIDElem.style.height = baseElem.clientHeight + "px";
	//alert("here");
	var sideNavIDPos = findPos(sideNavIDElem);
	//alert(basePos[1]);
	//alert("working");
	
	gaugeElem.style.position = 'absolute';
	gaugeElem.style.left = sideNavIDPos[0] + "px";
	//alert((baseElem.clientHeight-(gaugeElem.clientHeight+3)))
	gaugeElem.style.top = (baseElem.clientHeight - 40) + "px";
	
	}
