$(document).ready(function ()
{
    var FadeButtonTime = 400;
    var SubMenuShowTime = 500;
    var SubMenuHideTime = 350;
    var SubMenuShown = false;
    var SubMenuAlreadyOpen = false;
    var NavButtonClicked = null;

    /*-------------------------------------------------------------------------
    Remove bottom border from last link in each column on each sub menu
    -------------------------------------------------------------------------*/
    $(".NavSubMenuColumn ul li:last-child").css("border-bottom-width", "0px");

    /*-------------------------------------------------------------------------
    Hide Submenu
    -------------------------------------------------------------------------*/
    $("body").click(function ()
    {
        if(!SubMenuShown)
            CloseAllSubMenus();

        SubMenuShown = false;
    });

    /*-------------------------------------------------------------------------
    Submenu Methods
    -------------------------------------------------------------------------*/
    $("[id$=imgNavIndividuals]").click(function (event)
    {
        PopUpNavButton($(this));
        NavButtonClicked = $(this);
        ShowSubMenu($(this), $("[id$=NavSubMenu1]"), event, 600);
    });
    $("[id$=imgNavBusinesses]").click(function (event)
    {
        PopUpNavButton($(this));
        NavButtonClicked = $(this);
        ShowSubMenu($(this), $("[id$=NavSubMenu2]"), event, 650);
    });
    $("[id$=imgNavInvestors]").click(function (event)
    {
        PopUpNavButton($(this));
        NavButtonClicked = $(this);
        ShowSubMenu($(this), $("[id$=NavSubMenu3]"), event, 600);
    });
    $("[id$=imgNavCareerSeekers]").click(function (event)
    {
        PopUpNavButton($(this));
        NavButtonClicked = $(this);
        ShowSubMenu($(this), $("[id$=NavSubMenu4]"), event, 371);
    });
    $(".NavSubMenuX").click(function (event)
    {
        event.preventDefault();
        CloseAllSubMenus();
    });

    function CloseAllSubMenus()
    {
        // Move arrow to left and hide
        //var CurrentArrowPosition = $(".NavSubMenuArrow").css("left");
        //$(".NavSubMenuArrow").animate({ "left": "-=" + CurrentArrowPosition })            
        $(".NavSubMenuArrow").slideUp(300);

        setTimeout("$('.NavSubMenuArrow').css('display', 'none');", SubMenuHideTime);
        setTimeout("$('.NavSubMenuArrow').css('left', '0px');", 250);

        // Hide Sub Menus & Remove Shadow
        $(".NavSubMenuContainer").slideUp(SubMenuHideTime);
        $(".NavSubMenu").removeShadow();

        // Set nav buttons back to their default state
        $("[id*=imgNav]").stop(true, true).animate({ "opacity": "1" }, FadeButtonTime);

        SubMenuAlreadyOpen = false;
        NavButtonClicked = null;
    }

    function ShowSubMenu(RootMenu, SubMenu, event, SubMenuWidth)
    {
        SubMenuShown = true;
        event.preventDefault();

        $(".NavSubMenuArrow").css("display", "none");

        MoveSubMenuArrow(RootMenu);
        SetSubMenuPosition(RootMenu, SubMenuWidth);

        $(".NavSubMenuContainer").css("display", "none");

        ShowMenu(SubMenu);

        $(".NavSubMenu").removeShadow();
        $(".NavSubMenu").dropShadow();
    }

    function ShowMenu(SubMenu)
    {
        //        if(SubMenuAlreadyOpen)
        //            SubMenu.css("display", "block");
        //        else
        
        SubMenu.slideDown(SubMenuShowTime);        
        SubMenuAlreadyOpen = true;
    }

    function MoveSubMenuArrow(RootMenuItem)
    {
        var RootMenuLeft = $(RootMenuItem).css("left");
        RootMenuLeft = RootMenuLeft.substring(0, RootMenuLeft.length - 2);

        var RootMenuWidth = $(RootMenuItem).css("width");
        RootMenuWidth = RootMenuWidth.substring(0, RootMenuWidth.length - 2);

        var CurrentArrowPosition = $(".NavSubMenuArrow").css("left");
        CurrentArrowPosition = CurrentArrowPosition.substring(0, CurrentArrowPosition.length - 2);

        var NewArrowPosition = parseInt(RootMenuLeft) + (parseInt(RootMenuWidth) / 2) - 21;

        $(".NavSubMenuArrow").css("left", NewArrowPosition + "px");

        //if(CurrentArrowPosition < NewArrowPosition)            
        //$(".NavSubMenuArrow").animate({ "left": "+=" + (NewArrowPosition - CurrentArrowPosition) + "px" });            
        //else
        //$(".NavSubMenuArrow").animate({ "left": "-=" + (CurrentArrowPosition - NewArrowPosition) + "px" });

        if($(".NavSubMenuArrow").css("display") == "none")
            $(".NavSubMenuArrow").slideDown(300);
    }

    function SetSubMenuPosition(RootMenuItem, SubMenuWidth)
    {
        var RootMenuLeft = $(RootMenuItem).css("left");
        RootMenuLeft = RootMenuLeft.substring(0, RootMenuLeft.length - 2);

        var RootMenuWidth = $(RootMenuItem).css("width");
        RootMenuWidth = RootMenuWidth.substring(0, RootMenuWidth.length - 2);

        var RootMenuCenter = parseInt(RootMenuLeft) + (parseInt(RootMenuWidth) / 2);
        //var SubMenuLeft = parseInt(RootMenuCenter) - (parseInt(SubMenuWidth) / 2);
        var SubMenuLeft = parseInt(RootMenuLeft);

        //alert("Root Center: " + RootMenuCenter + "    Sub Menu Width: " + SubMenuWidth + "    Left:" + SubMenuLeft);

        $(".NavSubMenuContainer").css("width", SubMenuWidth + "px");

        if(SubMenuLeft < 3)
            $(".NavSubMenuContainer").css("left", "3px");
        else if(SubMenuLeft + SubMenuWidth > 1000)
            $(".NavSubMenuContainer").css("left", 1000 - SubMenuWidth + "px");
        else
            $(".NavSubMenuContainer").css("left", SubMenuLeft);
    }

    function PopUpNavButton(ActiveNavButton)
    {
        if(NavButtonClicked != null && NavButtonClicked.attr("id") != ActiveNavButton.attr("id"))
            $(NavButtonClicked).stop(true, true).animate({ "opacity": "1" }, FadeButtonTime);
    }

    /*-------------------------------------------------------------------------
    Button Mouseover Animations
    -------------------------------------------------------------------------*/
    $("[id$=imgNavHome], [id$=imgNavAgents], .NavSubMenuX").hover(function ()
    {
        $(this).stop(true, true).animate({ "opacity": "0" }, FadeButtonTime);
    }, function ()
    {
        $(this).stop(true, true).animate({ "opacity": "1" }, FadeButtonTime);
    });
    $("[id$=imgNavIndividuals], [id$=imgNavBusinesses], [id$=imgNavInvestors], [id$=imgNavCareerSeekers]").hover(function ()
    {
        $(this).stop(true, true).animate({ "opacity": "0" }, FadeButtonTime);
    }, function ()
    {
        if(NavButtonClicked == null || NavButtonClicked.attr("id") != $(this).attr("id"))
            $(this).stop(true, true).animate({ "opacity": "1" }, FadeButtonTime);
    });

});