$(document).ready(function () {
	var menu = new Menu();
});

var Menu = function () {		
	$("#menu .menu-item").mouseover(function () {
		showMenuItem($(this));
	});
	
	$("#menu .menu-item").mouseout(function () {
		$(this).removeClass("focus");
	});
	
	$("#menu .menu-item a").each(
		function () {
			$(this).blur(function () {
				$(this).closest(".menu-item").removeClass("focus");
			});
			$(this).focus(function () {
				showMenuItem($(this).closest(".menu-item"));
			});
		}
	)
	
	function showMenuItem(menuItem) {
		var topSubMenuContainer = $(".top-sub-menu-container", menuItem);
		if (topSubMenuContainer.length > 0) {
			var marginLeft = menuItem.offset().left - $("#menu").offset().left;
			$(".top-sub-menu", menuItem).css("margin-left", marginLeft + "px");
			topSubMenuContainer.css("left", "0");
			topSubMenuContainer.css("width", "963px");
			menuItem.addClass("focus");
		}
	}
};