// JavaScript Document
var menuids=["MenuBar2"] // id(s) of  UL menus, separated by commas

function buildsubmenus(){
     for (var i=0; i<menuids.length; i++){
		var menu = document.getElementById(menuids[i]);
	  	var ultags = menu.getElementsByTagName("ul"); // create ul tag collection
		for (var t=0; t<ultags.length; t++){
			if (ultags[t].parentNode.parentNode.id == menuids[i]){
			    // if this is a first level submenu (ul <- li <- ul) 
				// position first level submenus 5px to the right below main menu item
				ultags[t].style.left = "5px";
			}
			else {
				// else if this is a sub level submenu (ul)
				// position menu to the right of menu item that activated it
			  	ultags[t].style.left = "170px"; 
			}
			ultags[t].parentNode.onmouseover = function(){
				// show ul on mouse over parent tag
				this.getElementsByTagName("ul")[0].style.display="block"; 
				if (this.parentNode.className != "MB2") {
					var w = this.getElementsByTagName("p")[0];
					if(!w) w = this.getElementsByTagName("a")[0];
					if (w) w.className = "arrow";
				}
			}
			ultags[t].parentNode.onmouseout = function(){
				// hide ul on mouse out parent tag
				this.getElementsByTagName("ul")[0].style.display="none";  
				var w = this.getElementsByTagName("p")[0];
				if(!w) w = this.getElementsByTagName("a")[0];
				if (w) w.className = "noarrow";
			}
		}
		// loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars)
		for (var t=0; t<ultags.length; t++){ 
			ultags[t].style.visibility="visible";
			ultags[t].style.display="none";
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", buildsubmenus, false);
else if (window.attachEvent)
	window.attachEvent("onload", buildsubmenus);