// ----------------------------------------
// Navigation menu functions
// Author: M. Frank Turner, June 2009
// ----------------------------------------

var gbClickedOnMenu;
gbClickedOnMenu = false;

var bJustClickedOnArrow;
bJustClickedOnArrow = false;

function ShowMenuDiv(id)
{
	var f;
	/* 't' is for hiding the contact menu item for IE 6/7 */
	var t;
	t = document.getElementById("contact-header");
	
	switch(id)
	{
		case 1:   f = document.getElementById("maps"); t.style.visibility = "hidden"; break; 
		case 2:   f = document.getElementById("stops"); break; 
		case 3:   f = document.getElementById("fares"); break; 
		case 4:   f = document.getElementById("howtoride"); break; 
		case 5:   f = document.getElementById("store"); t.style.visibility = "hidden"; break; 
		case 6:   f = document.getElementById("contact"); break; 
	}
	f.style.visibility = "visible";
	

	// highlight main menu list item "tab"
	switch(id)
	{
		case 1:   f = document.getElementById("MMmaps"); break; 
		case 2:   f = document.getElementById("MMstops"); break; 
		case 3:   f = document.getElementById("MMfares"); break; 
		case 4:   f = document.getElementById("MMhowtoride"); break; 
		case 5:   f = document.getElementById("MMstore"); break; 
		case 6:   f = document.getElementById("MMcontact"); break; 
	}
	
	// set to style as defined in the stylesheet
	// detect browser
	var sAppName;
	var sUserAgent;
	var sAppVersion;
	var rv;
	
	sAppName = navigator.appName;
	sUserAgent = navigator.userAgent;
	
	var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
	if (re.exec(sUserAgent) != null)
	  rv = parseFloat( RegExp.$1 );

	if ((sAppName.indexOf("Netscape") != -1) || (sUserAgent.indexOf('Firefox') != -1)) 
	{
		//firefox
		f.setAttribute("class", "highlight");
	} 
	else if ((sAppName = "Internet Explorer") || (sUserAgent.indexOf('MSIE') != -1))
	{
		f.setAttribute("className", "highlight");
		
		//ie 8
		if(rv==8)
		{
			f.setAttribute("class", "highlight");
		}
	}
	else
	{
		f.setAttribute("className", "highlight");
	}
	//alert(f.sAppName);
}
<!-- -------------------------------------------------------------------------------- -->

<!-- -------------------------------------------------------------------------------- -->
function HideAllMenus()
{
	HideAllDropDownmenus();
}

function HideAllDropDownmenus()
{
	HideMenuDiv(1);
	HideMenuDiv(2);
	HideMenuDiv(3);
	HideMenuDiv(4);
	HideMenuDiv(5);
	HideMenuDiv(6);
} 


function HideMenuDiv(id)
{
	var f;
	switch(id)
	{
		case 1:   f = document.getElementById("maps"); break; 
		case 2:   f = document.getElementById("stops"); break; 
		case 3:   f = document.getElementById("fares"); break; 
		case 4:   f = document.getElementById("howtoride"); break; 
		case 5:   f = document.getElementById("store"); break; 
		case 6:   f = document.getElementById("contact"); break; 
	}
	f.style.visibility = "hidden";

	/* show the contact menu item for IE 6/7 kludge */
	var t;
	t = document.getElementById("contact-header"); 
	t.style.visibility = "visible";


	// unhighlight main menu list item "tab"
	switch(id)
	{
		case 1:   f = document.getElementById("MMmaps"); break; 
		case 2:   f = document.getElementById("MMstops"); break; 
		case 3:   f = document.getElementById("MMfares"); break; 
		case 4:   f = document.getElementById("MMhowtoride"); break; 
		case 5:   f = document.getElementById("MMstore"); break; 
		case 6:   f = document.getElementById("MMcontact"); break; 
	}
	
	// set to style as defined in the stylesheet
	// detect browser
	var sAppName;
	var sUserAgent;
	var sAppVersion;
	var rv;
	
	sAppName = navigator.appName;
	sUserAgent = navigator.userAgent;
	sAppVersion = parseInt(navigator.appVersion);

	
	var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
	if (re.exec(sUserAgent) != null)
	  rv = parseFloat( RegExp.$1 );

	if ((sAppName.indexOf("Netscape") != -1) || (sUserAgent.indexOf('Firefox') != -1)) 
	{
		//firefox
		f.setAttribute("class", "unhighlight");
		//alert(f.class);
	} 
	else if ((sAppName = "Internet Explorer") || (sUserAgent.indexOf('MSIE') != -1) )
	{
		f.setAttribute("className", "unhighlight");
		
		//ie 8
		if(rv==8)
		{
			f.setAttribute("class", "unhighlight");
		}
	}
	else if ((sAppName = "Internet Explorer") && (sAppVersion == 4) )
	{
		//ie
		f.setAttribute("className", "unhighlight");
		//alert(sAppVersion);
	}
	else
	{
		f.setAttribute("className", "unhighlight");
		//alert(f.className);
	}
}
<!-- -------------------------------------------------------------------------------- -->

<!-- -------------------------------------------------------------------------------- -->
function HandleBodyOnClick()
{
	if (bJustClickedOnArrow == true)
	{
		bJustClickedOnArrow = false;
		return;
	}
	if(gbClickedOnMenu == true)
	{
		gbClickedOnMenu = false;
	}
	else
	{
		HideAllMenus();
	}
}
<!-- -------------------------------------------------------------------------------- -->