//CREATE A TIMER WHICH WILL BE USED TO PREVENT THE MENUS FROM CLOSING RIGHT AWAY
var timer;

//INITIALIZE VARIABLES SO THAT ANY OPEN DROP-DOWN MENU CLOSES WHEN SOMEONE CLICKS THE SCREEN OR HITS A KEY LIKE "Esc"
document.onclick    = ShowMenu;
document.onkeypress = ShowMenu;

//BUG FIX - USED TO PREVENT A MENU FROM BEING SHOWED WHEN A VISITOR CLICKS THE BACK BUTTON
window.onunload     = ShowMenu;  //used for Firefox
window.onload       = ShowMenu;  //used for IE

//FUNCTION TO SHOW A MENU (OR HIDE ALL IF THE menu VARIABLE IS EMPTY
function ShowMenu(menu) {
	var openMenu = document.getElementById(menu);
	for(var i=1; i<=7; i++) {
		if(document.getElementById('Menu' + i)) {
			document.getElementById('Menu' + i).style.top = "-999em";
		}
	}
	
	if(openMenu) {
		//STOP THE TIMER, SO THE MENU DOESN'T CLOSE
		clearTimeout(timer);
		
		//INTIALIZE VARIABLES
		var topValue       = "53px";                //default for the top padding
		var browserName    = navigator.appName;     //get browser name
		var browserVersion = navigator.appVersion;  //get browser version...which conatins a lot of garbage
		
		//IF BROWSER IS INTERNET EXPLORER, CONTINUE
		if(browserName == "Microsoft Internet Explorer") {
			var tempLoc = 0;
			tempLoc        = browserVersion.search("MSIE");          //figure out where MSIE is located...this is where the actual version number is
			browserVersion = browserVersion.substring(tempLoc + 5);  //remove all the stuff before MSIE...the +5 also removes "MSIE " since we just want the number
			tempLoc        = browserVersion.search(";");             //locate the first semicolon which should be right after the actual version number
			browserVersion = browserVersion.substring(0,tempLoc);    //remove everything from the semicolon on
			
			//IF USING IE8 OR ABOVE, CHANGE TOP PADDING
			if(browserVersion >= 8) {
				topValue = "0";
			}
			
		//IF BROWSER IS FIREFOX, CHROME, ETC., CHANGE TOP PADDING
		} else if(browserName == 'Netscape') {
			topValue = "15px";
		}
		
		//UPDATE THE TOP PADDING FOR THE SELECTED FLY-OUT MENU (note that we're actually changing the "top" CSS declaration and not "padding-top")
		openMenu.style.top = topValue;
	}
}

//FUNCTION TO HIDE ANY OPEN MENUS AFTER A GIVEN AMOUNT OF TIME
function HideMenu() {
	timer = setTimeout('ShowMenu()',900);
}