var menuArray = [ { t:32, h:35, url:"info.en.shtml" }, { t:72, h:32, url:"music.en.shtml" } ];
var heightDiff = 44;

function getPositionOfElement(obj) {
	
	var curLeft = 0;
	var curTop = 0;
	
	do {
		curLeft += obj.offsetLeft;
		curTop += obj.offsetTop;
	} while (obj = obj.offsetParent);
	
	return { x:curLeft, y:curTop };
	
}

function pagePos(e) {
	
	if (e.pageX || e.pageY)
		return { x:e.pageX, y:e.pageY };
	
	return { x:e.clientX, y:e.clientY };

}

function offset(e, obj) {
	
	var pp = pagePos(e);
	
	return { x:pp.x - getPositionOfElement(obj).x, y:pp.y - getPositionOfElement(obj).y };
	
}

function getMenu(e) {
	
	var os = offset(e, document.getElementById("menu"));
	var topAdd = (1 - (os.x / 158)) * heightDiff;
	
	for (var x = 0 ; x < 2 ; x ++) {
		if (os.y - topAdd >= menuArray[x].t && os.y - topAdd <= menuArray[x].t + menuArray[x].h) {
			return x;
		}
	}

	return undefined;
	
}

function setMenu(menuItem) {
	
	var menu = document.getElementById("menu");
	
	menu.style.backgroundPosition = "0px 0px";
	menu.style.cursor = "auto";
	
	if (menuItem != undefined) {
		var bgpos = (menuItem + 1) * -158;
		menu.style.backgroundPosition = bgpos + "px 0px";
		menu.style.cursor = "pointer";
	}
					
}

function trackMouseOut() {
	if (!e) var e = window.event;
	
	setMenu(undefined);
}

function trackMouseMenu(e) {
	if (!e) var e = window.event;
	
	setMenu(getMenu(e));
}

function clickMouse(e) {	
	if (!e) var e = window.event;
	
	var menuItem = getMenu(e);
	if (menuItem != undefined)
		document.location = menuArray[menuItem].url;
}