var allLoaded = false;
var curMenu = 0;
var numMenus = 1;
var menuInfo = new Array();
var menuArea = new Array();
menuArea.top = 50;
menuArea.left = menuArea.right = menuArea.bottom = 0;

function init() {
	var oMenu, menu_pos;

	for (var i=1; i<=numMenus; i++) {
		oMenu = document.getElementById("menu"+i);
		menu_pos = findPosition(oMenu);
		menuInfo[i] = new Array();
		menuInfo[i].left = menu_pos[0];
		menuInfo[i].top = menu_pos[1];
		menuInfo[i].right = menuInfo[i].left + parseInt(oMenu.offsetWidth);
		menuInfo[i].bottom = menuInfo[i].top + parseInt(oMenu.offsetHeight);
	}

	allLoaded = true;
	document.onmousemove = checkMenus;
}

function menuOn(menuNum) {
	curMenu = menuNum;
	showLayer("menu"+menuNum);
}

function checkMenus(e) {
	if (allLoaded && curMenu != 0) {
		// Hide all non-used menus
		for (i=1; i<=numMenus; i++) {
			if (curMenu != i) hideLayer("menu"+i)
		}

		var isMouseOnMenu = true;

		// Check if mouse is still in current menu
		oMenu = document.getElementById("menu"+curMenu);

		if (isIE) {
			mouseX = event.clientX + document.body.scrollLeft;
			mouseY = event.clientY + document.body.scrollTop;
		} else if (isNS6) {
			mouseX = e.clientX + window.pageXOffset;
			mouseY = e.clientY + window.pageYOffset;
		}

//		menuLeft = parseInt(oMenu.style.left);
//		menuRight = parseInt(menuLeft + oMenu.offsetWidth); // NS6 needs offsetWidth.  NS7, Firefox use it or clientWidth
//		menuTop = parseInt(oMenu.style.top);
//		menuBottom = parseInt(menuTop + oMenu.offsetHeight);
		menuLeft	= menuInfo[curMenu].left - menuArea.left;
		menuRight	= menuInfo[curMenu].right + menuArea.right;
		menuTop		= menuInfo[curMenu].top - menuArea.top;
		menuBottom	= menuInfo[curMenu].bottom + menuArea.bottom;

		if (mouseX < menuLeft) {isMouseOnMenu = false;}
		else if (mouseX > menuRight) {isMouseOnMenu = false;}
		else if (mouseY < menuTop) {isMouseOnMenu = false;}
		else if (mouseY > menuBottom) {isMouseOnMenu = false;}

		/* For debugging
		document.getElementById("x").innerHTML = mouseX;
		document.getElementById("y").innerHTML = mouseY;
		document.getElementById("top").innerHTML = menuTop;
		document.getElementById("right").innerHTML = menuRight;
		document.getElementById("bottom").innerHTML = menuBottom;
		document.getElementById("left").innerHTML = menuLeft;

		// Uses this html
		//	x <span id="x"></span> - y <span id="y"></span><br>
		//	top <span id="top"></span> - right <span id="right"></span> - bottom <span id="bottom"></span> left <span id="left"></span>
		*/

		if (!isMouseOnMenu) {
			hideLayer("menu"+curMenu);
			curMenu = 0;
		}
	}
}