// DHTML Menus
// v2 February 21, 2003

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

// Change this stuff

var onColor = "#F2F2F2"
var offColor = "#FFFFFF"
var numberMenus = 3;
var openMenu = 0;
var closeTimer;

// Leave the rest alone		

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 = onColor;
	clearTimeout(self.closeTimer);
}
	
function startCloseTimer() {
		self.closeTimer = setTimeout("hideAll();", 50);
}

function stopCloseTimer() {
	clearTimeout(self.closeTimer);
}

function mouseOff(menuItem) {
//	menuItem.style.backgroundColor = offColor;
	startCloseTimer();
}