var makeMenu = function() {
	$("#menu").bind("mouseover", menuOnMouseOver);
	$(document).bind("mousemove", menuOnMouseMove);
	var logo = document.getElementById("logo");
	var menu = document.getElementById("menu");
	var menuDiv = document.getElementById("menudiv");
	menuDiv.style.left = (logo.offsetLeft - 240) + "px";
	menuDiv.style.top = (logo.offsetTop + 240) + "px";

	var posX = logo.offsetLeft;
	var posY = (logo.offsetTop + 240);
	var height = menu.offsetHeight;
	$("#menu li ul").each(function() { this.style.left = "250px"; this.style.height = (document.body.clientHeight - logo.offsetTop - 240) + "px"; });
}

$(document).bind("ready", makeMenu);
$(window).bind("resize", makeMenu);

function getTarget(event) {
	if(event.target) {
		return event.target;
	} else {
		return event.srcElement;
	}
}

var menuOnMouseOver = function(e) {
	var target = getTarget(e);
	var tagName = target.tagName;
	var className; 
	if ((tagName == "LI" && target.parentNode.parentNode.tagName != "LI") || (tagName == "A" && target.parentNode.parentNode.parentNode.tagName != "LI")) {
		var className;
		if (tagName == "A") target = target.parentNode;
		className = target.className; 
		if (className.indexOf("selected") == -1) {
			var selected = $("#menu li.selected");
			if (selected.length) {
				selected = selected[0];
				$(selected).removeClass("big");
				$(selected).removeClass("normal");
				$(selected).removeClass("selected");
			}
		}

		className += " selected";
		
		if (target.offsetHeight > 40) {
			className += " big";
		}
		else {
			className += " normal";
		}
		target.className = className;
		document.getElementById("menuinfo").style.display = "none";
	}
}

var menuOnMouseMove = function(e) {
	var target = getTarget(e);
	var menu = document.getElementById("menu");
	if (!menu.contains(target)) {
		var selected = $("#menu li.selected");
		if (selected.length) {
			selected = selected[0];
			$(selected).removeClass("big");
			$(selected).removeClass("normal");
			$(selected).removeClass("selected");
		}
		document.getElementById("menuinfo").style.display = "block";
	}		
}