var menuRollOut;
function menuReset(){
	//show text
	document.getElementById("keyh2").style.color = "#333";
	document.getElementById("keyh3").style.color = "#333";
	//reset heights
	document.getElementById("cwb-menu").style.height = "36px";
	document.getElementById("cwt-menu").style.height = "36px";
	document.getElementById("vtc-menu").style.height = "36px";
	document.getElementById("cdi-menu").style.height = "36px";
	document.getElementById("cdf-menu").style.height = "36px";
	document.getElementById("aim-menu").style.height = "36px";
	//reset widths
	document.getElementById("cwb-menu").style.width = "330px";
	document.getElementById("cwt-menu").style.width = "330px";
	document.getElementById("vtc-menu").style.width = "330px";
	document.getElementById("cdi-menu").style.width = "330px";
	document.getElementById("cdf-menu").style.width = "330px";
	document.getElementById("aim-menu").style.width = "330px";
	//reset text color
	document.getElementById("cwb-link").style.color = "#fff";
	document.getElementById("cwt-link").style.color = "#fff";
	document.getElementById("vtc-link").style.color = "#fff";
	document.getElementById("cdi-link").style.color = "#fff";
	document.getElementById("cdf-link").style.color = "#fff";
	document.getElementById("aim-link").style.color = "#fff";
	//reset edge bars' heights
	document.getElementById("cwb-bar").style.height = "36px";
	document.getElementById("cwt-bar").style.height = "36px";
	document.getElementById("vtc-bar").style.height = "36px";
	document.getElementById("cdi-bar").style.height = "36px";
	document.getElementById("cdf-bar").style.height = "36px";
	document.getElementById("aim-bar").style.height = "36px";
	//reset reflection
	document.getElementById("grey_reflect").style.backgroundImage = "url(images/portal/reflect_over_greyonly.gif)";
	document.getElementById("reflection").style.backgroundImage = "none";
}










function menuSwap(curItem){
	menuReset();
	var curItemVar = curItem;
	
	//hide text
	document.getElementById("keyh2").style.color = "#bbb";
	document.getElementById("keyh3").style.color = "#bbb";
	document.getElementById(curItem+"-menu").style.width = "940px";
	
	
//	*** Makes orange reflections appear when last list item's orange bar reaches the grey gradient
//	document.getElementById("grey_reflect").style.backgroundImage = "url(images/portal/reflect_over_shortorange.gif)";
//	document.getElementById("reflection").style.backgroundImage = "url(images/portal/orange_reflect.gif)";
	switch(curItem) {
		case "cwb":
			document.getElementById("cwb-link").style.color = "#d1a50e";//007b91
			document.getElementById(curItem+"-menu").style.height = "36px"; //114px
			document.getElementById(curItem+"-bar").style.height = "36px"; //114px
			break;
		case "cwt":
			document.getElementById("cwt-link").style.color = "#00c5e7";//00c5e7
			document.getElementById(curItem+"-menu").style.height = "56px"; //114px
			document.getElementById(curItem+"-bar").style.height = "56px"; //114px
			break;
		case "vtc":
			document.getElementById("vtc-link").style.color = "#00b0a1";//d1a50e
			document.getElementById(curItem+"-menu").style.height = "36px"; //114px
			document.getElementById(curItem+"-bar").style.height = "36px"; //114px
			break;
		case "cdi":
			document.getElementById("cdi-link").style.color = "#007b91";//cb8206
			document.getElementById(curItem+"-menu").style.height = "36px"; //114px
			document.getElementById(curItem+"-bar").style.height = "36px"; //114px
			break;
		case "cdf":
			document.getElementById("cdf-link").style.color = "#cb8206";//cb8206
			document.getElementById(curItem+"-menu").style.height = "36px"; //114px
			document.getElementById(curItem+"-bar").style.height = "36px"; //114px
			break;
		case "aim":
			document.getElementById("aim-link").style.color = "#c05711";
			document.getElementById(curItem+"-menu").style.height = "36px"; //114px
			document.getElementById(curItem+"-bar").style.height = "36px"; //114px
//			document.getElementById("grey_reflect").style.backgroundImage = "url(images/portal/reflect_over.gif)";
	}
	clearInterval(menuRollOut);
	menuRollOut = setInterval(menuReset, 3500);
}









window.onresize = function() {
//	winW = (navigator.appName.indexOf("Microsoft")!=-1) ? document.body.offsetWidth : window.innerWidth;
//	
	if( document.getElementById("keyh2") && document.getElementById("keyh3") )
	{
//		if (winW<1000){
//			document.getElementById("keyh2").style.visibility = "hidden";
//			document.getElementById("keyh3").style.visibility = "hidden";
//		} else {
			document.getElementById("keyh2").style.visibility = "visible";
			document.getElementById("keyh3").style.visibility = "visible";	
//		}
	}
}










window.onload = function() {
	var peeps = 9;
	var thePeep = Math.round(Math.random()*(peeps-1))+1;
	
	if( document.getElementById("key-message-content") )
	{
		document.getElementById("key-message-content").style.backgroundImage = "url(images/portal/peeps/feature"+thePeep+".jpg)";
	}
		
	if( document.getElementById("person_reflect") )
	{
		document.getElementById("person_reflect").style.backgroundImage = "url(images/portal/peeps/feature"+thePeep+"_reflect.jpg)";
	}
	
	window.onresize();
}