// Menu JS
function initMenu() {
	// store body tag to get ID from
	var mybody = document.getElementsByTagName("body");
	var mybodyclass = mybody[0].className;
	
	function hidedefaultnav(bodyid) {
		var defautlid = "nav_" + bodyid;
		var defaultnav = document.getElementById(defautlid);
		defaultnav.className = "subnav_main group";
	}
	function showdefaultnav(bodyid) {
		var defautlid = "nav_" + bodyid;
		var defaultnav = document.getElementById(defautlid);
		defaultnav.className = "subnav_main group shownav";
	}
	function setulhovers(mysubnav) {
		mysubnav.onmouseover = function() {
			mybody[0].className = "";
			hidedefaultnav(mybody[0].id);
			addClass(this,"shownav");
			var toggle = "on";
			highlightNavBut(this, toggle);
		}
		mysubnav.onmouseout = function() {
			mybody[0].className = mybodyclass;
			this.className = "subnav_main";
			showdefaultnav(mybody[0].id);
			var toggle = "off";
			highlightNavBut(this, toggle);
		}
	}
	function highlightNavBut(myli, toggle) {
		var mainnav = document.getElementById("nav_L1").getElementsByTagName("li");
		switch(myli.id) {
			case "nav_about":
				if (toggle == "on") {
					addClass(mainnav[0],"highlight");
				} else {
					mainnav[0].className = "nav1 first";
				}
				break;
			case "nav_services":
				if (toggle == "on") {
					addClass(mainnav[1],"highlight");
				} else {
					mainnav[1].className = "nav2";
				}
				break;
			case "nav_customer":
				if (toggle == "on") {
					addClass(mainnav[2],"highlight");
				} else {
					mainnav[2].className = "nav3";
				}
				break;
			case "nav_industry":
				if (toggle == "on") {
					addClass(mainnav[3],"highlight");
				} else {
					mainnav[3].className = "nav4";
				}
				break;
			case "nav_sector":
				break;
			case "nav_news":
				if (toggle == "on") {
					addClass(mainnav[4],"highlight");
				} else {
					mainnav[4].className = "nav5";
				}
				break;
			default:
			alert("default triggered in highlightNavBut Switch Statement");
		}
	}
	// find main nav links
	var mywrap = document.getElementById("nav_L1");
	var mylis = mywrap.getElementsByTagName("li");
	
	// cycle through main nav li's
	for (var i=0; i<mylis.length; i++) {

		mylis[i].onmouseover = function() {
			mybody[0].className = "";
			switch(this.className) {
			case "nav1 first":
				hidedefaultnav(mybody[0].id);
				var mysubnav = document.getElementById("nav_about");
				addClass(mysubnav,"shownav");
				setulhovers(mysubnav);
				break;
			case "nav2":
				hidedefaultnav(mybody[0].id);
				var mysubnav = document.getElementById("nav_services");
				addClass(mysubnav,"shownav");
				setulhovers(mysubnav);
				break;
			case "nav3":
				hidedefaultnav(mybody[0].id);
				var mysubnav = document.getElementById("nav_customer");
				addClass(mysubnav,"shownav");
				setulhovers(mysubnav);
				break;
			case "nav4":
				hidedefaultnav(mybody[0].id);
				var mysubnav = document.getElementById("nav_industry");
				addClass(mysubnav,"shownav");
				setulhovers(mysubnav);
				break;
			case "nav5":
				hidedefaultnav(mybody[0].id);
				var mysubnav = document.getElementById("nav_news");
				addClass(mysubnav,"shownav");
				setulhovers(mysubnav);
				break;
			default:
				break;
			}	
		}
		
		mylis[i].onmouseout = function() {
			mybody[0].className = mybodyclass;
			switch(this.className) {
			case "nav1 first":
				document.getElementById("nav_about").className = "subnav_main group";
				showdefaultnav(mybody[0].id);
				break;
			case "nav2":
				document.getElementById("nav_services").className = "subnav_main group";
				showdefaultnav(mybody[0].id);
				break;
			case "nav3":
			  	document.getElementById("nav_customer").className = "subnav_main group";
				showdefaultnav(mybody[0].id);
			  break;
			case "nav4":
			  	document.getElementById("nav_industry").className = "subnav_main group";
				showdefaultnav(mybody[0].id);
			  break;
			case "nav5":
			  	document.getElementById("nav_news").className = "subnav_main group";
				showdefaultnav(mybody[0].id);
			  break;
			default:
				break;
			}	
		}
	}
}


function addClass(element,value) {
	if (!element.className) {
		element.className = value;
	} else {
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(initMenu);