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

var timeout	= 10;
var closetimer	= 0;
var menuitem	= 0;

function menuItem1Actions() {
	var menuItem1 = document.getElementById("menuItem1");
	menuItem1.onmouseover = function() {
		openMenuItem1('dropMenu1');
	}
	menuItem1.onmouseout = function() {
		closetimeMenuItem1();
	}
}

function menuItem1SubActions() {
	var dropMenuItem1 = document.getElementById("dropMenu1");
	dropMenuItem1.onmouseover = function() {
		cancelclosetimeMenuItem1();
	}
	dropMenuItem1.onmouseout = function() {
		closetimeMenuItem1();
	}
}

function openMenuItem1(id) {
	cancelclosetimeMenuItem1();
	if(menuitem) menuitem.style.visibility = 'hidden';

	menuitem = document.getElementById(id);
	var menuItem1 = document.getElementById("menuItem1");
	menuitem.style.visibility = 'visible';
}

function closetimeMenuItem1() {
	closetimer = window.setTimeout(closeMenu, timeout);
	var menuItem1 = document.getElementById("menuItem1");
	if (menuItem1.className == "mainTabActive") {
		menuItem1.className = "mainTabActive";
	}else{
		menuItem1.className = "mainTab";
	}
}

function cancelclosetimeMenuItem1() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		var menuItem1 = document.getElementById("menuItem1");
		if (menuItem1.className == "mainTabActive") {
			menuItem1.className = "mainTabActive";
		}else{
			menuItem1.className = "mainTabRollover";
		}
	}
}

function menuItem2Actions() {
	var menuItem2 = document.getElementById("menuItem2");
	menuItem2.onmouseover = function() {
		openMenuItem2('dropMenu2');
	}
	menuItem2.onmouseout = function() {
		closetimeMenuItem2();
	}
}

function menuItem2SubActions() {
	var dropMenuItem2 = document.getElementById("dropMenu2");
	dropMenuItem2.onmouseover = function() {
		cancelclosetimeMenuItem2();
	}
	dropMenuItem2.onmouseout = function() {
		closetimeMenuItem2();
	}
}

function openMenuItem2(id) {
	cancelclosetimeMenuItem2();
	if(menuitem) menuitem.style.visibility = 'hidden';

	menuitem = document.getElementById(id);
	var menuItem2 = document.getElementById("menuItem2");
	menuitem.style.visibility = 'visible';
}

function closetimeMenuItem2() {
	closetimer = window.setTimeout(closeMenu, timeout);
	var menuItem2 = document.getElementById("menuItem2");
	if (menuItem2.className == "mainTabActive middleTab") {
		menuItem2.className = "mainTabActive middleTab";
	}else{
		menuItem2.className = "mainTab middleTab";
	}
}

function cancelclosetimeMenuItem2() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		var menuItem2 = document.getElementById("menuItem2");
		if (menuItem2.className == "mainTabActive middleTab") {
			menuItem2.className = "mainTabActive middleTab";
		}else{
			menuItem2.className = "mainTabRollover middleTab";
		}
	}
}

function menuItem3Actions() {
	var menuItem3 = document.getElementById("menuItem3");
	menuItem3.onmouseover = function() {
		openMenuItem3('dropMenu3');
	}
	menuItem3.onmouseout = function() {
		closetimeMenuItem3();
	}
}

function menuItem3SubActions() {
	var dropMenuItem3 = document.getElementById("dropMenu3");
	dropMenuItem3.onmouseover = function() {
		cancelclosetimeMenuItem3();
	}
	dropMenuItem3.onmouseout = function() {
		closetimeMenuItem3();
	}
}

function openMenuItem3(id) {
	cancelclosetimeMenuItem3();
	if(menuitem) menuitem.style.visibility = 'hidden';

	menuitem = document.getElementById(id);
	var menuItem3 = document.getElementById("menuItem3");
	menuitem.style.visibility = 'visible';
}

function closetimeMenuItem3() {
	closetimer = window.setTimeout(closeMenu, timeout);
	var menuItem3 = document.getElementById("menuItem3");
	if (menuItem3.className == "mainTabActive middleTab") {
		menuItem3.className = "mainTabActive middleTab";
	}else{
		menuItem3.className = "mainTab middleTab";
	}
}

function cancelclosetimeMenuItem3() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		var menuItem3 = document.getElementById("menuItem3");
		if (menuItem3.className == "mainTabActive middleTab") {
			menuItem3.className = "mainTabActive middleTab";
		}else{
			menuItem3.className = "mainTabRollover middleTab";
		}
	}
}

function menuItem4Actions() {
	var menuItem4 = document.getElementById("menuItem4");
	menuItem4.onmouseover = function() {
		openMenuItem4('dropMenu4');
	}
	menuItem4.onmouseout = function() {
		closetimeMenuItem4();
	}
}

function menuItem4SubActions() {
	var dropMenuItem4 = document.getElementById("dropMenu4");
	dropMenuItem4.onmouseover = function() {
		cancelclosetimeMenuItem4();
	}
	dropMenuItem4.onmouseout = function() {
		closetimeMenuItem4();
	}
}

function openMenuItem4(id) {
	cancelclosetimeMenuItem4();
	if(menuitem) menuitem.style.visibility = 'hidden';

	menuitem = document.getElementById(id);
	var menuItem4 = document.getElementById("menuItem4");
	menuitem.style.visibility = 'visible';
}

function closetimeMenuItem4() {
	closetimer = window.setTimeout(closeMenu, timeout);
	var menuItem4 = document.getElementById("menuItem4");
	if (menuItem4.className == "mainTabActiveRight rightTab") {
		menuItem4.className = "mainTabActiveRight rightTab";
	}else{
		menuItem4.className = "mainTabRight rightTab";
	}
}

function cancelclosetimeMenuItem4() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
		var menuItem4 = document.getElementById("menuItem4");
		if (menuItem4.className == "mainTabActiveRight rightTab") {
			menuItem4.className = "mainTabActiveRight rightTab";
		}else{
			menuItem4.className = "mainTabRightRollover rightTab";
		}
	}
}

function closeMenu() {
	if(menuitem) menuitem.style.visibility = 'hidden';
}

document.onclick = closeMenu; 

addLoadEvent(menuItem1Actions);
addLoadEvent(menuItem1SubActions);
addLoadEvent(menuItem2Actions);
addLoadEvent(menuItem2SubActions);
addLoadEvent(menuItem3Actions);
addLoadEvent(menuItem3SubActions);
addLoadEvent(menuItem4Actions);
addLoadEvent(menuItem4SubActions);