/*
Script by Paul Sermon
This script modifies the menu elements and loads in the subnavigation depending on which option the mouse is hovering over in the menu.

*/

/* Get all the elements and give them the relevant function */

var mainnav;
var mainnavbuttons;
var subnav;
var alldivs;
var subnavbuttons;

var defactive;
var defsubnav;

var mainnavli;
var subnavs;
var activeid;
var templinkid;
var showidnum;
var showid;

window.onload = setupmenus;

function setupmenus(){

//alert("setting up menus");

mainnav = document.getElementById("navigation");

mainnavli = mainnav.getElementsByTagName("li");
mainnavbuttons = mainnav.getElementsByTagName("a");


subnavs = document.getElementById("subnavs").getElementsByTagName("div");

subnavbuttons = document.getElementById("subnavs").getElementsByTagName("a");



//alert(mainnavli.length);

for(i=0; i < mainnavli.length; i++){

	if(mainnavli[i].className  == "active"){
		activeid = mainnavli[i].firstChild.id.split("_")[0];
	}
}

//alert(activeid);

//setup main menu items with mouseover and mouseout events


for(i=0; i<mainnavbuttons.length;i++){
	
	mainnavbuttons[i].onmouseover = function(){switchnav(this)};
	mainnavbuttons[i].onclick = function(){ap_showWaitMessage('waitDiv', 1);};


}

for(i=0; i<subnavbuttons.length;i++){
	
	subnavbuttons[i].onclick = function(){ap_showWaitMessage('waitDiv', 1);};


}

alldivs = document.getElementsByTagName("div");

for(x=0; x<alldivs.length; x++){
if(alldivs[x].className == ("content")||alldivs[x].className == ("header")){alldivs[x].onmouseover = function(){returntodefault()};}
}



}


function switchnav(element){

//hide all menu elements

	for(i=0; i < subnavs.length; i++){
		
		subnavs[i].style.display = "none";

	}

//remove all active tags

	for(i=0; i < mainnavli.length; i++){
		
		mainnavli[i].className = "";

	}


//reveal the required submenu

	element.parentNode.className = "active";
//	element.onmouseout = function(){element.parentNode.className = "";};	
	showidnum = element.id.split("_")[0];	
	showid = showidnum + "_nav";
	//alert(showidnum);
	if(document.getElementById(showid)){
		document.getElementById(showid).style.display = "block";
	}
	else{
		document.getElementById("def_nav").style.display = "block";
	}


}




function returntodefault(){


templinkid = activeid + "_link";

switchnav(document.getElementById(templinkid));

}