Co_Tools.AddEventListener(window, "load", function() 
{
	var sideheight = document.getElementById("fc_wb_navCont").clientHeight
	var centerheight = document.getElementById("fc_wb_centerContCont").clientHeight
	var newCenterHeight=centerheight;
	if (centerheight<sideheight) newCenterHeight = sideheight;
	if (newCenterHeight< 500) newCenterHeight=500;
	document.getElementById("fc_wb_centerCont").style.height=newCenterHeight+"px";	
});
var selectedHeaderTimeout;

function headerAnyOff()
{
	//will close the menu after an interval
	selectedHeaderTimeout = setTimeout(function(){
		if (selectedHeader != "") headerOff(selectedHeader, selectedLeaveon);
		selectedTimeout=null;
	},300);
	//note, both headerhover and mouseReallyOut remove this timeout so that it doesnt turn off
	//when not wanted
}

var selectedHeader = "";
var selectedLeaveon = "";
function headerHover(ctr, leaveon){
	if (selectedHeaderTimeout) {
		clearTimeout(selectedHeaderTimeout);
	}   
	if (selectedHeader && !(selectedHeader == ctr)){
		headerOff(selectedHeader, selectedLeaveon);  
	}    
	clicked = document.getElementById("lnk" + ctr);
	//lft = Co_Tools.GetObjectPositionX(clicked);
	lft = clicked.offsetLeft;
	//alert(lft);
	drpWrap = document.getElementById("drp"+ctr+"Wrap");
	//only show dropdown if there is one
	if (drpWrap != null) 
	{
		if (drpWrap.style.display == "none") {
			opacity("drp" + ctr + "Wrap", 1, 98, 300);
		}
		drpWrap.style.display = "";
		drpWrap.style.left = lft + "px";
		document.getElementById("drp"+ctr+"Top").style.backgroundImage = "url(/images/templates/FC_WB/"+ctr+"DropTop.png)";
		document.getElementById("drp"+ctr+"Bottom").style.backgroundImage = "url(/images/templates/FC_WB/"+ctr+"DropBottom.png)";
	}
	hdr = document.getElementById("headerText"+ctr);
	hdr.style.backgroundImage = "url(/images/templates/FC_WB/top"+ctr+"Bkd.jpg)";
	hdr.style.color = "white";
	document.getElementById("headerText"+ctr+"Left").style.display = "";
	document.getElementById("headerText"+ctr+"Right").style.display = "";
	switch (ctr){
		case "About":
			borderColor = "#343535";
			bkdHoverColor = "#323232";
			bkdColor = "#3F3F3F";
			break;
		case "Vol":
			borderColor = "#E2860E";
			bkdHoverColor = "#CC7605";
			bkdColor = "#FF9306";
			break;
		case "Fam":
			borderColor = "#526f13";
			bkdHoverColor = "#446106";
			bkdColor = "#557907";
			break;
		case "School":
			borderColor = "#203444";
			bkdHoverColor = "#182C3E";
			bkdColor = "#1E374D"
			break;
		case "Support":
			borderColor = "#C5981D";
			bkdHoverColor = "#BA8F1A";
			bkdColor = "#E8B320";
			break;
		case "House":
			borderColor = "#A12508";
			bkdHoverColor = "#AD1800";
			bkdColor = "#D81E00";
			break;
		default:
			borderColor = "#ffffff";
			bkdHoverColor = "#ffffff";
			bkdColor = "#ffffff";
	}
	var oSheet = document.styleSheets[0];
	if( oSheet.insertRule ) {
		oSheet.insertRule('.headerDrp a { border-bottom-color:'+ borderColor+'; }',oSheet.cssRules.length);
		oSheet.insertRule('.headerDrp a:hover { background-color:'+ bkdHoverColor+'; }',oSheet.cssRules.length);
		oSheet.insertRule('.headerDrp { background-color:'+ bkdColor +'; }',oSheet.cssRules.length);
	} else if( oSheet.addRule ) {
		oSheet.addRule('.headerDrp a ','border-bottom-color:'+ borderColor+';');
		oSheet.addRule('.headerDrp a:hover','background-color:'+ bkdHoverColor+';');
		oSheet.addRule('.headerDrp','background-color:'+ bkdColor+';');
	}       
	selectedHeader = ctr;
	selectedLeaveon = leaveon;
}
 /* <![CDATA[ */
  function mouseReallyOut(oThis, e) {
  	if (selectedHeaderTimeout) {
		clearTimeout(selectedHeaderTimeout);
	}  
	if (e.relatedTarget) {
	  return(e.relatedTarget != oThis && e.relatedTarget.parentNode  != oThis);
	}
	return(e.toElement != oThis && e.toElement.parentNode  != oThis);
  }
/* ]]> */
function headerOff(ctr, leaveon)
{
	//only turn off header hilight if its not the current section
	if (!leaveon) {
		document.getElementById("headerText" + ctr).style.backgroundImage = "";
		document.getElementById("headerText" + ctr).style.color = "black";
		document.getElementById("headerText" + ctr + "Left").style.display = "none";
		document.getElementById("headerText" + ctr + "Right").style.display = "none";
	}
	//turn off the wrapper (if it exists to begin with)
	var drpWrap = document.getElementById("drp" + ctr + "Wrap")
	if (drpWrap != null) 
	{
		drpWrap.style.display = "none";
		changeOpac(0.01, "drp" + ctr + "Wrap");
	} 
	
}   
function opacity(id, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}
function changeCenterWidth(size){
	var centCont = document.getElementById("fc_wb_centerContCont").style;
	var left = document.getElementById("fc_wb_navCont").style;
	var centTop = document.getElementById("fc_wb_centerContTop").style;
	var centBottom = document.getElementById("fc_wb_centerContBottom").style;
	var cent = document.getElementById("fc_wb_centerCont").style;
	
	cent.backgroundImage = "url(/images/templates/FC_WB/mainContBkd"+size+".jpg)";
	centTop.backgroundImage = "url(/images/templates/FC_WB/mainContTop"+size+".jpg)";
	centBottom.backgroundImage = "url(/images/templates/FC_WB/mainContBottom"+size+".jpg)";
	
	if (size == "Big"){
		left.display = "none";
		centCont.marginLeft = "33px";
		centCont.marginTop = "-5px";
		centCont.width = "800px";
		centTop.width = "800px"
		centBottom.width = "800px"
	}else{
		left.display = "";
		centCont.marginLeft = "";
		centCont.marginTop = "-25px";
		centCont.width = "678px";
		centTop.width = "678px"
		centBottom.width = "678px"
	}
}
