/*IMPORTANT note to developers: top nav will not function on mozilla/pc if close li tag is not on same line as close div tag for top nav submenus.  
*/
activateMenu = function(nav) {
var ua = navigator.userAgent;
var MAC = (navigator.platform.indexOf("PPC") > 0);
var IE5_6 = (ua.indexOf("MSIE 5.6") > 0);
var IE5_5 = (ua.indexOf("MSIE 5.23") > 0 || IE5_6);
var MAC_IE5 = (MAC && IE5_5);
var isNav6;
var isNS4;

if (navigator.appVersion.charAt(0) > "4") {
        isNav6 = true;
}else {
    
     	isNS4 = true;
}



//alert(1);
	if(document.getElementById(nav)){		
		//alert('hello? hello?');
		var navroot = document.getElementById(nav);
		/* Get all the list items within the menu */
		var lis=navroot.getElementsByTagName("LI");
		for (i=0; i<lis.length; i++) {
			/* If the LI has another menu level */
			if(lis[i].lastChild.tagName=="DIV"){
				/* assign the function to the LI */
				lis[i].onmouseover=function() {
				   /* display the inner menu */
				   //alert(this.lastChild.id);
				   this.lastChild.style.display="block";
				}
				lis[i].onmouseout=function() {
				this.lastChild.style.display="none";
				}
			}

		}		


	}
}

var rolledID = "";
var clickedID = "";
var name = "";
var clickedTwice = false;
var rolledOnItem;
var lastRolledOn;
var lastRolledOnType;

var clickedIDSubs = new Array();
clickedIDSubs[0] = ["serviceMenuLink","serviceMenu"];
clickedIDSubs[1] = ["popDestLink","popDestMenu"];
clickedIDSubs[2] = ["buyPassLink", "buyPassMenu"];
clickedIDSubs[3] = ["groupDiscLink", "groupDiscMenu"];
clickedIDSubs[4] = ["riderProgsLink","riderProgsMenu"];
clickedIDSubs[5] = ["safetySecurityLink","safetySecurityMenu"];
clickedIDSubs[6] = ["improvingTransitLink","improvingTransitMenu"];
clickedIDSubs[7] = ["otherTransLink","otherTransMenu"];
clickedIDSubs[8] = ["aboutUsLink","aboutUsMenu"];

//check to see if rolledOnItem is one of array of subitems

var subMenuArray = new Array();
subMenuArray[0] = "serviceMenu";
subMenuArray[1] = "popDestMenu";
subMenuArray[2] = "buyPassMenu";
subMenuArray[3] = "groupDiscMenu";
subMenuArray[4] = "riderProgsMenu";
subMenuArray[5] = "safetySecurityMenu";
subMenuArray[6] = "improvingTransitMenu";
subMenuArray[7] = "aboutUsMenu";


var mainMenuItems = new Array();

mainMenuItems[0] = 'serviceMenuLink';
mainMenuItems[1] = 'popDestLink';
mainMenuItems[2] = 'buyPassLink';
mainMenuItems[3] = 'groupDiscLink';
mainMenuItems[4] = 'rideshareLink';
mainMenuItems[5] = 'riderProgsLink';
mainMenuItems[6] = 'safetySecurityLink';
mainMenuItems[7] = 'improvingTransitLink';
mainMenuItems[8] = 'otherTransLink';
mainMenuItems[9] = 'aboutUsLink';
mainMenuItems[10] = 'howRideLink';

function clearAll(){

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

	clearHighlight(mainMenuItems[i]);

}



}



/*
var subItemsArray = new Array();
subItemsArray[0] = "subHome";
subItemsArray[1] = "subRoutes";
subItemsArray[2] = "subRail";

subItemsArray[3] = "subMap";
subItemsArray[4] = "subBus";

subItemsArray[5] = "subPark";
subItemsArray[6] = "subBikes";
subItemsArray[7] = "subRiders";
subItemsArray[8] = "subTransit";


subItemsArray[9] = "subMoa";
subItemsArray[10] = "subAirport";
subItemsArray[11] = "subUniversity";
subItemsArray[12] = "subDowntown";
subItemsArray[13] = "subAttractions";


subItemsArray[14] = "subTransitOpts";
subItemsArray[15] = "subGoTo";
subItemsArray[16] = "subOnline";
subItemsArray[17] = "subBuyByMail";
subItemsArray[18] = "subNeighborhood";
subItemsArray[19] = "subStores";
subItemsArray[20] = "subMetroPass";
subItemsArray[21] = "subTransWorks";
subItemsArray[22] = "subTransSchools";
subItemsArray[23] = "subRiderRewards";
subItemsArray[24] = "subRideHome";
subItemsArray[25] = "subShelter";
subItemsArray[26] = "subRailSafety";
subItemsArray[27] = "subBusSafety";
subItemsArray[28] = "subTransPolice";
subItemsArray[29] = "subHiaRail";
subItemsArray[30] = "subCenSouth";
subItemsArray[31] = "subNorthRest";
subItemsArray[21] = "subNorthCor";
subAbout
subContact
subCouncil
subLogos
subJobs
subAdvertise
subWhats

*/

//itemType is either main menu item or sub menu item

function handleEventOLD(evt, name, itemType, sub){
//alert("name = "+name+" and rolledID= "+rolledID);


if (evt == 'over'){
	if (itemType == 'main'){

		//alert("main");

		if (rolledID == ""){
		//alert('rolled is empty');
			if(sub){
				openSub(sub);
			}
			setHighlight(name, itemType);
			rolledID = name;
		
		}else if (rolledID != name){
		//alert('rolled is not name');
			for (var i=0; i < subMenuArray.length; i++){
				if(document.getElementById(subMenuArray[i]).style.display == "block"){
					if (sub){
						closeSub(subMenuArray[i]);
					}else{
						closeSub(subMenuArray[i]);
					}
				}
			}
			
			clearHighlight(rolledID, itemType);
			if(sub){
				openSub(sub);
			}
			setHighlight(name, itemType);			
			rolledID = name;
			
		}else if (rolledID == name){	
		/*
		alert('rolled is name');
			clearHighlight(name, itemType);
			if(sub){
				closeSub(sub);
			}
			rolledID = "";
		*/
		}

	lastRolledOn = name;
	lastRolledOnType = itemType;
	
	
	//alert(lastRolledOn);

	} else if (itemType == 'sub'){
	
	
	//find parent, set parent highlight as well as highlight itself
		for (var i = 0; i < clickedIDSubs.length; i++ ){
		//alert(clickedIDSubs[0][0])
			if (lastRolledOn == clickedIDSubs[i][0]){
				
				setHighlight(lastRolledOn, lastRolledOnType);			
				lastRolledOn = "";
				lastRolledOnType = "";
			}
		
		}
		//leave sub's parent on as well as highlight it's own
		
		setHighlight(name, itemType);

	}
	
		
} else if (evt == 'out'){

	for (var j=0; j < subMenuArray.length; j++){
			//if (document.getElementById(subMenuArray[j]).style.display == "block"){
				//alert(subMenuArray[j]);
				//if a menu is open do not clearHighlight

			//} else {
				if(rolledID != name){
					clearHighlight(name, itemType);
				}

			//}
		//alert(subMenuArray[j]+" outside if");
	}

}

//alert('done');
}


function handleEvent(evt, name, sub){
		if (evt == 'over'){
			if(clickedID != name){
				setHighlight(name);
			}
			
			
		} else if (evt == 'out'){	
		
			if(clickedID != name){
				clearHighlight(name);
			}
	
		} else if (evt == 'click'){
	
			handleClick(evt, name, sub);
		}
	
	
	}
	
	
	
	function handleClick(evt, name, sub){
	//alert("clickedID "+ clickedID + " "+document.getElementById(sub));
		if(clickedID == ""){
			//alert('clicked == null');
			openSub(sub);
			setHighlight(name);
			clickedID = name;
		}else if (clickedID != name){
	
			for (var i=0; i < clickedIDSubs.length; i++){
				if (clickedID == clickedIDSubs[i][0]){
					closeSub(clickedIDSubs[i][1]);
				}
			}	
				clearHighlight(clickedID);
				openSub(sub);
				//need to open sub assoc with name
				setHighlight(name);
				clickedID = name;
			
			
	
		} else if (clickedID == name){
			//alert('both names same');
			closeSub(sub);
			clearHighlight(name);
			clickedID = "";
		}
					
}


function setHighlight(link, itemType){
rolledOnItem = link;

	if (itemType == "sub"){
			//alert('insideSub');
			document.getElementById(link).style.backgroundColor = '#039';
			document.getElementById(link).style.color = '#fff';
	}else{
		if (link == 'howRideLink' || link == "otherTransLink"){
			document.getElementById(link).style.backgroundImage = 'none';
			document.getElementById(link).style.backgroundColor = '#039';
			document.getElementById(link).style.color = '#fff';
		}else{
		
		//alert('setHighlight');
			document.getElementById(link).style.backgroundImage = 'url(/images/leftNavArrowHL.gif)';
			document.getElementById(link).style.backgroundColor = '#039';
			document.getElementById(link).style.color = '#fff';
			document.getElementById(link).style.backgroundRepeat = 'no-repeat';
		}


	}

}


function clearHighlight(link, itemType){
	if (itemType == "sub"){
	//alert('clear highlight');
		document.getElementById(link).style.backgroundColor = '#CCE1FF';
		document.getElementById(link).style.color = '#039';
	} else{
		if (link == 'howRideLink' || link == "otherTransLink"){
			document.getElementById(link).style.backgroundImage = 'none';
			document.getElementById(link).style.backgroundColor = '#99CCFF';
			document.getElementById(link).style.color = '#039';
			document.getElementById(link).style.backgroundRepeat = 'no-repeat';
		}else {	
			document.getElementById(link).style.backgroundImage = 'url(/images/leftNavArrow.gif)';
			document.getElementById(link).style.backgroundColor = '#99CCFF';
			document.getElementById(link).style.color = '#039';
			document.getElementById(link).style.backgroundRepeat = 'no-repeat';
		}
	}

}

function openSub(sub){
	//alert('open sub');
	document.getElementById(sub).style.display = 'block';

}


function closeSub(sub){
//alert('close sub '+sub);
	document.getElementById(sub).style.display = 'none';

}

var topNavSubs = new Array();
topNavSubs[0] = 'routeContainer';
topNavSubs[1] = 'transContainer';
topNavSubs[2] = 'newContainer';
topNavSubs[2] = 'tripContainer';

function showTopSub(sub){
//alert(document.getElementById(sub).style);

for (var i = 0; i < topNavSubs.length; i++){
	if (sub == topNavSubs[i]){
		if ((document.getElementById(sub).style.display == "") || (document.getElementById(sub).style.display == "none")){
		//alert();
			document.getElementById(sub).style.display = "block";
		}
	
	} else{
	
			document.getElementById(topNavSubs[i]).style.display = "none";
	
	}

}

}


function hideAllTopNavSubs(){
for (var i = 0; i < topNavSubs.length; i++){

	document.getElementById(topNavSubs[i]).style.display = "none";

}

}