var dom = document.getElementById ? true:false;
var nn4 = document.layers ? true:false;
var ie4 = document.all ? true:false;

var buttonHeight = 30;
var numberMenus = 7;
var openMenu = 0;
var closeTimer;

function getLayer(name) {
	var layer;
	if (ie4) layer = document.all[name].style; 
	if (nn4) layer = eval('document.layers["' + name + '"]');
	if (dom) layer = document.getElementById(name).style;
	return layer;
}
	
function hideMenu(menuID) {
	var layer = getLayer("Menu" + menuID);
	layer.visibility = "hidden";
	openMenu = 0;
}

function hideAll() {
	for (i = 1; i <= numberMenus; i++)
		hideMenu(i);
}

function showMenu(menuID) {
	clearTimeout(self.closeTimer);
	for (i = 1; i <= numberMenus; i++) 
	{
		hideMenu(i);
	}
	var layer = getLayer("Menu" + menuID);
	layer.visibility = "visible";
	openMenu = menuID;
}

function mouseOn(menuItem) {
	menuItem.style.backgroundColor = "#b60000";
	clearTimeout(self.closeTimer);
}
	
function startCloseTimer() {
		self.closeTimer = setTimeout("hideAll();", 50);
}

function mouseOff(menuItem) {
	menuItem.style.backgroundColor = "#000000";
	startCloseTimer();
}