var menusReady = false;

// global to assist menu hiding management
var timer;

var menus = new Array();
menus[0] = { elemId:"about" };
menus[1] = { elemId:"events" };

function makeMenus() {
	menusReady = true;
}

// request hiding all menus after 1/4 second
function requestHide() {
	timer = setTimeout("hideMenus()", 500);
}

function hideMenus() {
	if (menusReady) {
		for (var i = 0; i < menus.length; i++) {
			var menu = document.getElementById(menus[i].elemId + "Menu");
			menu.style.visibility = "hidden";
		}
	}
}

function showMenu(elemIdentifier) {
	if (menusReady) {
		keepMenu();
		hideMenus();
		var menu = document.getElementById(elemIdentifier + "Menu");
		menu.style.visibility = "visible";
	}
}

function goTo(url) {
	location.href = url;
}

function menuOver(elemIdentifier) {
	showMenu(elemIdentifier);
}

function menuOut() {
	requestHide();
}

function menuItemOver(elemIdentifier, obj) {
	showMenu(elemIdentifier);
	hilite(obj);
}

function menuItemOut(obj) {
	requestHide();
	unhilite(obj);
}

function hilite(obj) {
	obj.className = "hilited";
}

function unhilite(obj) {
	obj.className = "unhilited";
}

// cancel hide request from a mouseout
function keepMenu() {
	clearTimeout(timer);
}

function cancelAll() {
	keepMenu();
	menusReady = false;
}

// create menus only if key items are supported
function initMenus() {
	if (document.getElementById && document.styleSheets) {
		setTimeout("makeMenus()", 5);
		window.onunload = cancelAll;
	}
}

window.onload = initMenus;