var timer = null;
var menus = new Array(4);
var vals = new Array(4);
menus[0] = 'assoc';
menus[1] = 'serv';
menus[2] = 'comm';
menus[3] = 'vol';

vals[0] = false;
vals[1] = false;
vals[2] = false;
vals[3] = false;

function init() {
	var offset = document.body.clientWidth;
	for (i=0; i<menus.length; i++) {
		var menuwidth = document.getElementById(menus[i]).style.width;
		menuwidth = menuwidth.substring(0, menuwidth.indexOf("p"));
		var temp = (document.body.clientWidth / 2) - (menuwidth / 2);
		if (temp < offset)
			offset = temp;
	}
	if (document.body.clientWidth < 750)
		offset += (750 - document.body.clientWidth) / 2;
	offset -= 50;
	for (i=0; i<menus.length; i++)
		document.getElementById(menus[i]).style.left = offset;
}

function allMenusOff() {
	for (i=0; i<menus.length; i++)
		document.getElementById(menus[i]).style.visibility = "hidden";
}

function showLayer(id) {
	clearTimeout(timer);
	allMenusOff();
	document.getElementById(id).style.visibility = "visible";
}

function hideLayer(id) {
	clearTimeout(timer);
	var execute = "menuOff('" + id + "')";
	timer = setTimeout(execute, 1000);
}

function hideLayerFast(id) {
	clearTimeout(timer);
	var execute = "menuOff('" + id + "')";
	timer = setTimeout(execute, 100);
}

function menuOff(id) {
	if(!mouseOverMenu(id))
		document.getElementById(id).style.visibility = "hidden";
}

function mouseOverMenu(id) {
	var check = 0;
	for (i=0; i<menus.length; i++) {
		if (menus[i] == id) {
			check = i;
			break;
		}
	}
	return vals[check];
}

function setMouseOverMenu(id, boo) {
	var check = -1;
	for (i=0; i<menus.length; i++) {
		if (menus[i] == id) {
			check = i;
			break;
		}
	}
	vals[check] = boo;
	if (!boo)
		hideLayerFast(id);
}