var timeout = false;
var submenu = false;

$(document).ready(function() {

	$("#nav-hdr > li:not(.active)").hover(
		function() {
			name = $(this).find("img").attr("src");
			parts = name.split(".");
			ext = parts.pop();
			$(this).find("img").attr("src",parts.join("")+"_active."+ext);
		},
		function() {
			img = $(this).find("img");
			img.attr("src",img.attr("src").replace(/_active/,""));
		}
	);

	$('#nav-hdr > li').mouseover(function() {
		if (timeout) {
			window.clearTimeout(timeout);
		}
		close_menu();
		
		submenu = $(this).find("ul");
		submenu.show(); // = $(this).find("ul").show();
	});
	
	$('#nav-hdr > li').mouseout(function() {
		timeout = window.setTimeout(close_menu,500);
	});
	
	$(document).click(close_menu);
});

function close_menu() {
	if(submenu) {
		submenu.hide();
		submenu = false;
	}
}