// JavaScript Document

//this script uses side nav data for the current section from sidenav_data_xxx.js. 
//it also uses the variable currentPage which is also used by the sidenav script and exists in the head of every page.


var sideNavTag = "";

function buildSideNav(){
	
	//open sidenav table
	sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
	
	//build header rows
	sideNavTag += "<tr>";
	sideNavTag += "<td id=\"seperatorDarkBlue\"></td>";
	sideNavTag += "</tr>";
	sideNavTag += "<tr>";
	sideNavTag += "<td id=\"sideNavHeader\">" + sideNavTitle + "</td>";
	sideNavTag += "</tr>";
	sideNavTag += "<tr>";
	sideNavTag += "<td id=\"seperatorDarkBlue\"></td>";
	sideNavTag += "</tr>";



	//get navigation hierarchy of the current page
	pageHierarchy = "";
	for(idx=0; idx < sideNavData.length; idx=idx + 3){
		if(sideNavData[idx] == currentPage){
			pageHierarchy = sideNavData[idx + 2];
			break;
		}
	}
	
	
	//build navigation rows
	for(idx=0; idx < sideNavData.length; idx=idx + 3){
		//alert(sideNavData[idx]);
		//get pageLevel of menu item
		hierarchyLevel = 1; //default
		if(sideNavData[idx + 2] != ""){
			hierarchy = sideNavData[idx + 2].split("/");
			hierarchyLevel = hierarchy.length + 1;
		}
		//if level 1 go ahead and display no matter what
		if(hierarchyLevel == 1){
			openTopNav = "";
			//now choose how to display
			if(sideNavData[idx] == currentPage){
				//alert("the current page");
				openTopNav = sideNavData[idx];
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNav\" class=\"on\">";
				sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow_down.gif\" /></td>";
				sideNavTag += "<td id=\"sideNavText\" class=\"on\">" + sideNavData[idx] + "</td>";
				sideNavTag += "<td id=\"sideNavFlower\"><img src=\"/images/sidenav_flower.gif\" /></td>";
				sideNavTag += "</tr>";
				sideNavTag += "</table>";
				sideNavTag += "</td>";
				sideNavTag += "</tr>";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"seperatorWhite\"></td>";
				sideNavTag += "</tr>";	
			} else if(pageHierarchy.indexOf(sideNavData[idx]) > -1){
				openTopNav = sideNavData[idx];
				//alert("in the hierarchy of current page");
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNav\" class=\"off\" onMouseOver=\"this.style.backgroundColor='#e7eef1';this.style.cursor='pointer';\" onMouseOut=\"this.style.backgroundColor='#ffffff';\" onClick=\"location.href='" + sideNavData[idx + 1] + "';\">";
				sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow_down.gif\" /></td>";
				sideNavTag += "<td id=\"sideNavText\" class=\"on\">" + sideNavData[idx] + "</td>";
				sideNavTag += "<td id=\"sideNavFlower\"></td>";
				sideNavTag += "</tr>";
				sideNavTag += "</table>";
				sideNavTag += "</td>";
				sideNavTag += "</tr>";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"seperatorWhite\"></td>";
				sideNavTag += "</tr>";	
			} else {
				//alert("not the current page - nor in the hierarchy");	
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNav\" class=\"off\" onMouseOver=\"this.style.backgroundColor='#e7eef1';this.style.cursor='pointer';\" onMouseOut=\"this.style.backgroundColor='#ffffff';\" onClick=\"location.href='" + sideNavData[idx + 1] + "';\">";
				sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow.gif\" /></td>";
				sideNavTag += "<td id=\"sideNavText\" class=\"off\">" + sideNavData[idx] + "</td>";
				sideNavTag += "<td id=\"sideNavFlower\"></td>";
				sideNavTag += "</tr>";
				sideNavTag += "</table>";
				sideNavTag += "</td>";
				sideNavTag += "</tr>";
				sideNavTag += "<tr>";
				sideNavTag += "<td id=\"seperatorWhite\"></td>";
				sideNavTag += "</tr>";	
			}
		}
		//only display level 2 nav if its top nav is open
		if((hierarchyLevel == 2) &&  (openTopNav != "")){
			if((sideNavData[idx + 2].indexOf(openTopNav) > -1)){
				openSecondaryNav = "";
				//now choose how to display
				//the current page
				if(sideNavData[idx] == currentPage){
					openSecondaryNav = sideNavData[idx];
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavSecondary\" class=\"on\">";
					sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow_down.gif\" /></td>";
					sideNavTag += "<td id=\"sideNavText\" class=\"on\">" + sideNavData[idx] + "</td>";
					sideNavTag += "<td id=\"sideNavFlower\"><img src=\"/images/sidenav_flower.gif\" /></td>";
					sideNavTag += "</tr>";
					sideNavTag += "</table>";
					sideNavTag += "</td>";
					sideNavTag += "</tr>";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"seperatorWhite\"></td>";
					sideNavTag += "</tr>";	
				//not the current page but in the hierarchy				
				} else if(pageHierarchy.indexOf(sideNavData[idx]) > -1){
					openSecondaryNav = sideNavData[idx];
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavSecondary\" class=\"off\" onMouseOver=\"this.style.backgroundColor='#e7eef1';this.style.cursor='pointer';\" onMouseOut=\"this.style.backgroundColor='#ffffff';\" onClick=\"location.href='" + sideNavData[idx + 1] + "';\">";
					sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow_down.gif\" /></td>";
					sideNavTag += "<td id=\"sideNavText\" class=\"on\">" + sideNavData[idx] + "</td>";
					sideNavTag += "<td id=\"sideNavFlower\"></td>";
					sideNavTag += "</tr>";
					sideNavTag += "</table>";
					sideNavTag += "</td>";
					sideNavTag += "</tr>";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"seperatorWhite\"></td>";
					sideNavTag += "</tr>";
				//not the current page or in the hierarchy
				} else {
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavSecondary\" class=\"off\" onMouseOver=\"this.style.backgroundColor='#e7eef1';this.style.cursor='pointer';\" onMouseOut=\"this.style.backgroundColor='#ffffff';\" onClick=\"location.href='" + sideNavData[idx + 1] + "';\">";
					sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_arrow.gif\" /></td>";
					sideNavTag += "<td id=\"sideNavText\" class=\"off\">" + sideNavData[idx] + "</td>";
					sideNavTag += "<td id=\"sideNavFlower\"></td>";
					sideNavTag += "</tr>";
					sideNavTag += "</table>";
					sideNavTag += "</td>";
					sideNavTag += "</tr>";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"seperatorWhite\"></td>";
					sideNavTag += "</tr>";										
				}
			}
		}
		//only display level 3 nav if its secondary nav is open
		if((hierarchyLevel == 3) &&  (openSecondaryNav != "")){
			if((sideNavData[idx + 2].indexOf(openSecondaryNav) > -1)){
				//alert(sideNavData[idx]);
				//now choose how to display
				//the current page
				if(sideNavData[idx] == currentPage){
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavTertiary\" class=\"on\" style=\"background-color:#e7eef1\">";
					sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_dash.gif\" /></td>";
					sideNavTag += "<td id=\"sideNavText\" class=\"tertiaryOn\">" + sideNavData[idx] + "</td>";
					sideNavTag += "<td id=\"sideNavFlower\"><img src=\"/images/sidenav_flower.gif\" /></td>";
					sideNavTag += "</tr>";
					sideNavTag += "</table>";
					sideNavTag += "</td>";
					sideNavTag += "</tr>";					
				//not the current page
				} else {
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavTertiary\" class=\"off\" onMouseOver=\"this.style.backgroundColor='#e7eef1';this.style.cursor='pointer';\" onMouseOut=\"this.style.backgroundColor='#ffffff';\" onClick=\"location.href='" + sideNavData[idx + 1] + "';\">";
					sideNavTag += "<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
					sideNavTag += "<tr>";
					sideNavTag += "<td id=\"sideNavArrow\"><img src=\"/images/sidenav_dash.gif\" /></td>";
					sideNavTag += "<td id=\"sideNavText\" class=\"tertiaryOff\">" + sideNavData[idx] + "</td>";
					sideNavTag += "<td id=\"sideNavFlower\"></td>";
					sideNavTag += "</tr>";
					sideNavTag += "</table>";
					sideNavTag += "</td>";
					sideNavTag += "</tr>";
				}
			}
		}
	}
	
	
	
	
	//close sidenav table
	sideNavTag += "</table>";
	
}

buildSideNav();