var HIDE_DELAY = 200;

var nav, popup, show_menu, menuTimer = false;

addEvent(window, 'load', function() {
	nav = $('wes_nav');
	popup = $('wes_popup');

	var nav_links = nav.getElementsByTagName('a');

	for (var i = 0; i < nav_links.length; i++) {
		nav_links[i].onmouseover = function() {
			var listItem = this.parentNode;
			listItem.style.backgroundPosition = '0 -' + getStyle(listItem, 'height');
		}

		nav_links[i].onmouseout = function() {
			this.parentNode.style.backgroundPosition = '0 0';
		}
	}

	$('n-nav').onmouseover = function() {
		popup.style.display = 'block';
		show_menu = true;
	}
	
	document.onmousemove = function(e) {
		if (show_menu && hoverStatus(mousePos(e)))
			menuTimer = clearTimeout(menuTimer);
		else if (!menuTimer)
			menuTimer = setTimeout(function() { popup.style.display = 'none'; show_menu = false; }, HIDE_DELAY);
	}
});

function hoverStatus(coords) {
	var x = coords[0];
	var y = coords[1];
	var pos = findPos(popup);
	var popup_left = pos[0];
	var popup_top = pos[1];
	var popup_right = popup_left + parseInt(getStyle(popup, 'width'));
	var popup_bottom = popup_top + parseInt(getStyle(popup, 'height'));

	return !(x < popup_left || x > popup_right || y < popup_top || y > popup_bottom);
}