var menus = new Array();
var navBar = new Array();
var subMenu = new Array();
var subs = new Array();
var currentTab = null;
var hover = new Array();

function addEvent(object, evName, fnName, cap) {
	
	//attaches a function to the event under the IE event model
	if (object.attachEvent)
		object.attachEvent("on" + evName, fnName);
	
	//attaches a function to the event under the WC3 event model
	else if (object.addEventListener)
		object.addEventListener(evName, fnName, cap);
}

window.onload = makeDrop;

function check404(){
	if (http.status==404){
		location.href = template.html;
	}
}

function makeDrop() {
	switchStyles();
	var elems = document.getElementsByTagName("div");
	var pics = document.getElementsByTagName("img");
	var listIs = document.getElementsByTagName("li");
	
	for (var i = 0; i < elems.length; i++) {
		if (elems[i].className == "menu") {
			menus.push(elems[i]);
		}
	}
	
	for (var i = 0; i < elems.length; i++) {
		if (elems[i].className == "submenu") {
			subMenu.push(elems[i]);
		}
	}
	
	for (var i = 0; i < pics.length; i++) {
		if (pics[i].className == "nav") {
			navBar.push(pics[i]);
		}
	}

	for (var i = 0; i < listIs.length; i++) {
		if (listIs[i].className == "sub") {
			subs.push(listIs[i]);	
		}
	}
//	alert(menus.length);
//	alert(navBar.length);
//	alert(subs.length);
//	alert(subMenu.length);

	for (var i = 0; i < navBar.length; i++) {
		navBar[i].onmouseover = showNavLevelOne;
//		navBar[i].onmouseout = hideNavLevelOne;
		menus[i].onmouseover = showNavLevelTwo;
	}

	for (var i = 0; i < listIs.length; i++) {
		addEvent(listIs[i],"mouseover", mouseOver, false);
		addEvent(listIs[i],"mouseout", mouseOut, false);
		addEvent(listIs[i],"mousedown", mouseDown, false);
	}
}

function mouseOver(e){
	var evt = e || window.event;
	var currentTab = evt.target || evt.srcElement;
	hover = document.getElementsByTagName("li");
	
	for (var i = 0; i < hover.length; i++){
		if (currentTab == hover[i]){
			hover[i].style.backgroundImage = "url('images/list_button.png')";
		}
	}
//	alert(hover.length);
}

function mouseOut(e){
	var evt = e || window.event;
	var currentTab = evt.target || evt.srcElement;
	hover = document.getElementsByTagName("li");
	
	for (var i = 0; i < hover.length; i++){
		if (currentTab == hover[i]){
			hover[i].style.backgroundImage = "";
		}
	}
//	alert(hover.length);
}

function mouseDown(e){
	var evt = e || window.event;
	var currentTab = evt.target || evt.srcElement;
	hover = document.getElementsByTagName("li");
	
	for (var i = 0; i < hover.length; i++){
		if (currentTab == hover[i]){
			hover[i].style.backgroundImage = "url('images/list_button_down.png')";
		}
	}
//	alert(hover.length);
}

function showNavLevelOne(e) {
	var evt = e || window.event;
	var currentTab = evt.target || evt.srcElement;
	
	if (currentTab == navBar[0]){
		menus[0].style.display = "block";
		menus[1].style.display = "none";
		menus[2].style.display = "none";
		menus[3].style.display = "none";
		
	} 
	if (currentTab == navBar[1]){
		menus[0].style.display = "none";
		menus[1].style.display = "block";
		menus[2].style.display = "none";
		menus[3].style.display = "none";
		
	} 
	if (currentTab == navBar[2]){
		menus[0].style.display = "none";
		menus[1].style.display = "none";
		menus[2].style.display = "block";
		menus[3].style.display = "none";
		
	} 
	if (currentTab == navBar[3]){
		menus[0].style.display = "none";
		menus[1].style.display = "none";
		menus[2].style.display = "none";
		menus[3].style.display = "block";
		
	} 
	if (currentTab == navBar[4]){
		menus[0].style.display = "none";
		menus[1].style.display = "none";
		menus[2].style.display = "none";
		menus[3].style.display = "none";
		
	}
	
	var shutOff = document.getElementById("content");
		shutOff.onmouseover = function(){
			for (var i = 0; i < menus.length; i++) {
				menus[i].style.display = "none";	
			}
		}
	var shutOff1 = document.getElementById("left");
		shutOff1.onmouseover = function(){
			for (var i = 0; i < menus.length; i++) {
				menus[i].style.display = "none";	
			}
		}
	var shutOff2 = document.getElementById("shutOff1");
		shutOff2.onmouseover = function(){
			for (var i = 0; i < menus.length; i++) {
				menus[i].style.display = "none";	
			}
		}
}

function showNavLevelTwo(e) {
	var evt = e || window.event;
	var currentTab = evt.target || evt.srcElement;
	
		if (currentTab == subs[0]){
			subMenu[0].style.display = "block";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		} 
		if (currentTab == subs[1]){
			subMenu[0].style.display = "block";
			subMenu[1].style.display = "block";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		} 
		if (currentTab == subs[2]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "block";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		} 
		if (currentTab == subs[3]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "block";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		} 
		if (currentTab == subs[4]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "block";
			subMenu[3].style.display = "block";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		}
		if (currentTab == subs[5]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "block";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "block";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		}
		if (currentTab == subs[6]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "block";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "block";
			subMenu[6].style.display = "none";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		}
		if (currentTab == subs[7]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "block";
			subMenu[7].style.display = "block";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "none";
		}
		if (currentTab == subs[8]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "block";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "block";
			subMenu[9].style.display = "none";
		}
		if (currentTab == subs[9]){
			subMenu[0].style.display = "none";
			subMenu[1].style.display = "none";
			subMenu[2].style.display = "none";
			subMenu[3].style.display = "none";
			subMenu[4].style.display = "none";
			subMenu[5].style.display = "none";
			subMenu[6].style.display = "block";
			subMenu[7].style.display = "none";
			subMenu[8].style.display = "none";
			subMenu[9].style.display = "block";
		}
		var wheels = document.getElementById("wheels");
			wheels.onmouseover = function() {
				wheels.style.display = "block";	
			}
			wheels.onmouseout = function() {
				wheels.style.display = "none";	
			}
		var sub0 = document.getElementById("sub0");
			sub0.onmouseout = function() {
				subMenu[0].style.display = "none";	
			}
			
		var equip = document.getElementById("truck_equip");
			equip.onmouseover = function() {
				equip.style.display = "block";	
			}
			equip.onmouseout = function() {
				equip.style.display = "none";	
			}	
		var sub1 = document.getElementById("sub1");
			sub1.onmouseout = function() {
				subMenu[1].style.display = "none";	
			}
		var severe = document.getElementById("severe");
			severe.onmouseover = function() {
				severe.style.display = "block";	
			}
			severe.onmouseout = function() {
				severe.style.display = "none";	
			}	
		var sub2 = document.getElementById("sub2");
			sub2.onmouseout = function() {
				subMenu[2].style.display = "none";	
			}
		var head = document.getElementById("head_injury");
			head.onmouseover = function() {
				head.style.display = "block";
				severe.style.display = "block";
			}
			head.onmouseout = function() {
				head.style.display = "none";	
			}	
		var sub4 = document.getElementById("sub4");
			sub4.onmouseout = function() {
				subMenu[3].style.display = "none";	
			}
		var backInjury = document.getElementById("back_injury");
			backInjury.onmouseover = function() {
				backInjury.style.display = "block";
				severe.style.display = "block";
			}
			backInjury.onmouseout = function() {
				backInjury.style.display = "none";	
			}	
		var sub5 = document.getElementById("sub5");
			sub5.onmouseout = function() {
				subMenu[4].style.display = "none";	
			}
		var burns = document.getElementById("burns");
			burns.onmouseover = function() {
				burns.style.display = "block";
				severe.style.display = "block";
			}
			burns.onmouseout = function() {
				burns.style.display = "none";	
			}	
		var sub6 = document.getElementById("sub6");
			sub6.onmouseout = function() {
				subMenu[5].style.display = "none";	
			}
		var workplace = document.getElementById("workplace");
			workplace.onmouseover = function() {
				workplace.style.display = "block";
			}
			workplace.onmouseout = function() {
				workplace.style.display = "none";	
			}	
		var sub3 = document.getElementById("sub3");
			sub3.onmouseout = function() {
				subMenu[6].style.display = "none";	
			}
		var admiralty = document.getElementById("admiralty");
			admiralty.onmouseover = function() {
				admiralty.style.display = "block";
				workplace.style.display = "block";
			}
			admiralty.onmouseout = function() {
				admiralty.style.display = "none";	
			}	
		var sub7 = document.getElementById("sub7");
			sub7.onmouseout = function() {
				subMenu[7].style.display = "none";	
			}
		var offshore = document.getElementById("offshore");
			offshore.onmouseover = function() {
				offshore.style.display = "block";
				workplace.style.display = "block";
			}
			offshore.onmouseout = function() {
				offshore.style.display = "none";	
			}	
		var sub8 = document.getElementById("sub8");
			sub8.onmouseout = function() {
				subMenu[8].style.display = "none";	
			}
		var osha = document.getElementById("osha");
			osha.onmouseover = function() {
				osha.style.display = "block";
				workplace.style.display = "block";
			}
			osha.onmouseout = function() {
				osha.style.display = "none";	
			}	
		var sub9 = document.getElementById("sub9");
			sub9.onmouseout = function() {
				subMenu[9].style.display = "none";	
			}
}