$(document).ready(function()
{
	//first row
	var firstRow = $(".menu li")
	.bind("mouseover", function()
    {
    	//set current item and position
        var menuItem = $(this), parentPos = menuItem.parent().position(), pos = menuItem.position();
        
        //hide sibling menus
        var hideSubs = function(){ menuItem.siblings().find(".subMenu").hide() }

	//get menu shadow position
	var subTop = $('#MenuShadow').length > 0 
		? $('#MenuShadow').position().top + 21 
		: parentPos.top;
                 
        //set position of sub menu
        var subMenu = menuItem.find(".subMenu").css("left", pos.left).css("top", 29).fadeIn(250, hideSubs);
        
        hideSubs();       
	});

	//body click... close subMenus
    $(document).bind("click", function()
    {
        $(".subMenu").hide();
    });

});