var nav1_on = new Image(); nav1_on.src = "assets/RMENU_HOME_ON.gif";
var nav1_off = new Image(); nav1_off.src = "assets/RMENU_HOME.gif";
var nav2_on = new Image(); nav2_on.src = "assets/RMENU_PRODUCTS_ON.gif";
var nav2_off = new Image(); nav2_off.src = "assets/RMENU_PRODUCTS.gif";
var nav3_on = new Image(); nav3_on.src = "assets/RMENU_THEGRID_ON.gif";
var nav3_off = new Image(); nav3_off.src = "assets/RMENU_THEGRID.gif";
var nav4_on = new Image(); nav4_on.src = "assets/RMENU_ABOUTUS_ON.gif";
var nav4_off = new Image(); nav4_off.src = "assets/RMENU_ABOUTUS.gif";
var nav5_on = new Image(); nav5_on.src = "assets/RMENU_CONTACTUS_ON.gif";
var nav5_off = new Image(); nav5_off.src = "assets/RMENU_CONTACTUS.gif";

var currPage = "nav1";
var prevPage = "";
var isMapSet = false;

function msOn(img){
	img.src = eval(img.id.substring(0,4) + "_on.src");
}

function msOff(img){
	if (img.id.substring(0,4) != currPage)
		img.src = eval(img.id.substring(0,4) + "_off.src");
}

function pageRequest(url,page){//i.e. page = nav1	
	prevPage = currPage;
	currPage = page;
	
	var BGP_PARAMETER = 'BGPage';
	var qry = location.search;
	var startPoint = qry.indexOf(BGP_PARAMETER);
	
	if (startPoint != -1){
		var start = startPoint + BGP_PARAMETER.length +1;
		var end = qry.substr(start).indexOf('&') != -1 ? qry.substr(start).indexOf('&') : qry.length;
		var pageName = qry.substring(start,end);
		var navOnstate = "nav" + getNavIndex(pageName);
		url = pageName + ".html";
		prevPage = currPage;
		currPage = navOnstate;
	}

	var myAjax = new Ajax.Request(
	url,
	{
		method: 'get',
		onComplete: fadeInContent
	});
	
	var _currNav = $(currPage + "_btn");
	var _prevNav = $(prevPage + "_btn");

	msOn(_currNav);
	msOff(_prevNav);
	
	return false;
}

function getNavIndex(pagename){
	var pageIndex;
	switch(pagename){
		case 'home':
			pageIndex = 1;
			break;
		case 'products':
			pageIndex = 2;
			break;
		case 'thegrid':
			pageIndex = 3;
			break;
		case 'about':
			pageIndex = 4;
			break;
		case 'contact':
			pageIndex = 5;
			break;
		default:
			pageIndex = 1;
			break;
	}
	return pageIndex;
}

function fadeInContent(originalRequest){
	
	/* currElem = $('content_frame');
	//Effect.Fade(currElem);
	currElem.style.background="#fff";
	currElem.innerHTML = originalRequest.responseText;
  	loop = setTimeout( function() {Effect.Appear(currElem);},200 ); */
  	
	$('content_area').innerHTML = originalRequest.responseText;
	setSillhouette();
}

Effect.FadeOut = function(elm){
	elm = $(elm);
	new Effect.Fade(elm)
}

Effect.FadeIn = function(elm){
	elm = $(elm);
	new Effect.Appear(elm)
}

function setSubnav(subnavType){
	var str = "";
	switch (subnavType){
		case 'p':
			str = '<div id="nav2_2" class="flt"><a href="./products.html" onclick="return pageRequest(this.href,\'nav2\');"><img src="assets/RSUBMENU_C2_products_system.gif" width="88" height="39" alt="" /></a></div>'
				+ '<div id="nav2_3" class="flt"><a href="./performance.html" onclick="return pageRequest(this.href,\'nav2\');"><img src="assets/RSUBMENU_C3_products_perform.gif" width="77" height="39" alt="" /></a></div>'
				+ '<div id="nav2_4" class="flt"><a href="./cost.html" onclick="return pageRequest(this.href,\'nav2\');"><img src="assets/RSUBMENU_C4_products_cost-b.gif" width="86" height="39" alt="" /></a></div>'
				+ '<div id="nav2_5" class="flt"><img src="assets/RSUBMENU_C5_products.gif" width="70" height="39" alt="" /></div>'
				+ '<div id="nav2_6" class="flt"><img src="assets/RSUBMENU_C6_products.gif" width="116" height="39" alt="" /></div>'
				+ '<div id="nav2_7" class="flt"><img src="assets/RSUBMENU_C7_products.gif" width="172" height="39" alt="" /></div>'
				+ '<div id="nav2_8" class="flt"><img src="assets/RSUBMENU_C8_products.gif" width="62" height="39" alt="" /></div>';
			break;
		case	'g':
			str = '<div id="nav2_2" class="flt"><img src="assets/RSUBMENU_C2_thegrid_login.gif" width="88" height="39" alt="" /></div>'
				+ '<div id="nav2_3" class="flt"><img src="assets/RSUBMENU_C3_thegrid.gif" width="77" width="77" height="39" alt="" /></div>'
				+ '<div id="nav2_4" class="flt"><img src="assets/RSUBMENU_C4_thegrid.gif" width="86" height="39" alt="" /></div>'
				+ '<div id="nav2_5" class="flt"><img src="assets/RSUBMENU_C5_thegrid.gif" width="70" height="39" alt="" /></div>'
				+ '<div id="nav2_6" class="flt"><img src="assets/RSUBMENU_C6_thegrid.gif" width="116" height="39" alt="" /></div>'
				+ '<div id="nav2_7" class="flt"><img src="assets/RSUBMENU_C7_thegrid.gif" width="172" height="39" alt="" /></div>'
				+ '<div id="nav2_8" class="flt"><img src="assets/RSUBMENU_C8_thegrid.gif" width="62" height="39" alt="" /></div>';
			break;
		case	'd':
			str = '<div id="nav2_2" class="flt"><img src="assets/RSUBMENU_C2.gif" width="88" height="39" alt="" /></div>'
				+ '<div id="nav2_3" class="flt"><img src="assets/RSUBMENU_C3.gif" width="77" height="39" alt="" /></div>'
				+ '<div id="nav2_4" class="flt"><img src="assets/RSUBMENU_C4.gif" width="86" height="39" alt="" /></div>'
				+ '<div id="nav2_5" class="flt"><img src="assets/RSUBMENU_C5.gif" width="70" height="39" alt="" /></div>'
				+ '<div id="nav2_6" class="flt"><img src="assets/RSUBMENU_C6.gif" width="116" height="39" alt="" /></div>'
				+ '<div id="nav2_7" class="flt"><img src="assets/RSUBMENU_C7.gif" width="172" height="39" alt="" /></div>'
				+ '<div id="nav2_8" class="flt"><img src="assets/RSUBMENU_C8.gif" width="62" height="39" alt="" /></div>';
			break;
		case	'e':
			str = '<div id="nav2_2" class="flt"><a href="./about.html" onclick="return pageRequest(this.href,\'nav4\');"><img src="assets/RSUBMENU_C2_aboutus_us.gif" width="88" height="39" alt="" /></a></div>'
				+ '<div id="nav2_3" class="flt"><a href="./press.html" onclick="return pageRequest(this.href,\'nav4\');"><img src="assets/RSUBMENU_C3_aboutus_press.gif" width="77" height="39" alt="" /></a></div>'
				+ '<div id="nav2_4" class="flt"><img src="assets/RSUBMENU_C4_aboutus.gif" width="86" height="39" alt="" /></div>'
				+ '<div id="nav2_5" class="flt"><img src="assets/RSUBMENU_C5_aboutus.gif" width="70" height="39" alt="" /></div>'
				+ '<div id="nav2_6" class="flt"><img src="assets/RSUBMENU_C6_aboutus.gif" width="116" height="39" alt="" /></div>'
				+ '<div id="nav2_7" class="flt"><img src="assets/RSUBMENU_C7_aboutus.gif" width="172" height="39" alt="" /></div>'
				+ '<div id="nav2_8" class="flt"><img src="assets/RSUBMENU_C8_aboutus.gif" width="62" height="39" alt="" /></div>';
			break;
	}
	$('subNav').innerHTML=str;
}

function setSillhouette(){
  var num = Math.floor(Math.random() * 11) + 1;
  var imgPath = "assets/S" + num + ".gif";
  $('silImg').src = imgPath;
}

function showAboutInfo(id){
	var tmp = id + "_info";
	$(tmp).className="showInfo";
}
function hideAboutInfo(id){
	var tmp = id + "_info";
	$(tmp).className="hideInfo";
}

function setDivHeight(tmp){
	alert(tmp.style.height);
	return false;	
}

function displayFullPage(){
	$('mainContainer').style.display = 'block';
	var silLooop = setTimeout("$('sillhouette').style.display = 'block'",100);
	var screenHeightMinusRowsAboveMain  = window.screen.height - 177 + "px";
	$('main_1').style.height=screenHeightMinusRowsAboveMain;
	$('main_3').style.height=screenHeightMinusRowsAboveMain;
	setSillhouette();	
}

function checkPassword(){
	var url = "/password.xml";
	var passwordXMLReq = new Ajax.Request(
		url,
		{
			method: 'post',
			onComplete: setMap2
		});
	return false;
}

function setMap(data){
	/*
	var passwordNode = data.responseXML;
	var passWord = passwordNode.getElementByTagName('user').item(0);
	if (passwordNode) alert(passWord);
	
	isMapSet = true;
	if (GBrowserIsCompatible()) {
		var map = new GMap2($('content_frame'));
		map.setCenter(new GLatLng(37.4419, -122.1419), 13);
	}
	*/
	$('username').value="";
	$('password').value="";
	$('errMsg').update('Please enter a valid username/password.');
	return false;
}

function setMap2(data){

	document.location = "TheGridMap1.aspx";
	return false;
}

function unloadGMap(){
	if (isMapSet){
		GUnload(); //from GoogleMaps api
	}
}

function init(){
	pageRequest('home.html','nav1');
	var loop = setTimeout("displayFullPage()",500);
}

window.onload=init;
window.onunload=unloadGMap;