function toggleRollovers(section, dir){
		
		//theimage = document["Nav_"+section];
		//thediv = document.getElementById("navover_"+section);
		
		switch(dir){
			case "over":
				if (section=="proj"){
					
					var thesection = document.getElementById(section);
					thesection.style.display = "block"
					
					var thesection = document.getElementById("disc");
					thesection.style.display = "none"
					
					var thesection = document.getElementById("serv");
					thesection.style.display = "none"
					
					break;
				}else if (section=="disc"){ //section is disc
					
					var thesection = document.getElementById(section);
					thesection.style.display = "block"
					
					var thesection = document.getElementById("serv");
					thesection.style.display = "none"
					
					var thesection = document.getElementById("proj");
					thesection.style.display = "none"
				
					
					break;
				}else if (section=="serv"){ //section is serv
					
					var thesection = document.getElementById(section);
					thesection.style.display = "block"
					
					var thesection = document.getElementById("proj");
					thesection.style.display = "none"
					
					var thesection = document.getElementById("disc");
					thesection.style.display = "none"
				
					
					break;
				}else{ 
					
					var thesection = document.getElementById("serv");
					thesection.style.display = "none"
					
					var thesection = document.getElementById("disc");
					thesection.style.display = "none"
					
					var thesection = document.getElementById("proj");
					thesection.style.display = "none"
					
					break;
				
				}
			case "out":
				var thesection = document.getElementById(section);
				thesection.style.display = "none"
				break;
			
		}
											
}
function divtoggleRollovers(section){
		var thesection = document.getElementById("disc");
		thesection.style.display = "none"
		var thesection = document.getElementById("proj");
		thesection.style.display = "none"
	
											
}
function changeStackOrder()
{
	document.getElementById("proj").style.zIndex="20000";
	document.getElementById("disc").style.zIndex="20000";
}
function close_dom(){
	document.getElementById("domLayer").style.display="none";
}
//about us page
function load_principal_assoc_dom(name,description,image,eleName,thetype){
	document.getElementById("domname").innerHTML='<h1>'+name+'</h1>';
	document.getElementById("domcopy").innerHTML='<p>'+description+'</p>';
	document.getElementById("domimage").innerHTML=''
	if (image!=""){
		document.getElementById("domimage").innerHTML='<img src="data/uploads/'+image+'" alt="holder"  />';
	}
	document.getElementById("domLayer").style.display="block";
	
	
	
	var id = "domLayer"
	var thelayer=document.getElementById(id)
	thelayer.style.position="absolute"
	thelayer.style.left="9px"
	thelayer.style.top="0"
	thelayer.style.zIndex="1000"
	//var linkCoords = findPos(document.getElementById(eleName))
	var vwrapperCoords = findPos(document.getElementById("domLayer"))
	
	
	//var eleY = linkCoords[1]
	//var tY = eleY + 25 - vwrapperCoords[1]
	
	if (thetype=="assoc"){
		var linkCoords = findPos(document.getElementById("assoc_title"))
	}else{
		var linkCoords = findPos(document.getElementById("principal_title"))
	}
	
	
	//var tY = eleY + 25 - vwrapperCoords[1]
	//document.getElementById("domLayer").style.top=ty+25+"px"
	
	document.getElementById("domLayer").style.top=linkCoords[1]+25+"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];
}

var vTween;