/// <reference path="../../jquery.vsdoc.1.2.6.js" />

/*fullfat header*/

var OffMenuIdFullFat = "#HeaderRibbonMenuSectionInnerOff_";
var OnMenuIdFullFat = "#HeaderRibbonMenuSectionInnerOn_";
var MenuSectionContainer = "#HeaderMenu_";

function InitialiseFullFatMenu(){
    $(MenuSectionContainer + 1).unbind("hover").hover(function() { OpenFullFatMenu(1); }, function() { CloseFullFatMenu(1); });
    $(MenuSectionContainer + 2).unbind("hover").hover(function() { OpenFullFatMenu(2); }, function() { CloseFullFatMenu(2); });
    $(MenuSectionContainer + 3).unbind("hover").hover(function() { OpenFullFatMenu(3); }, function() { CloseFullFatMenu(3); });
    $(MenuSectionContainer + 4).unbind("hover").hover(function() { OpenFullFatMenu(4); }, function() { CloseFullFatMenu(4); });
    $(MenuSectionContainer + 5).unbind("hover").hover(function() { OpenFullFatMenu(5); }, function() { CloseFullFatMenu(5); });
}

function OpenFullFatMenu(menuid) {
    $(OffMenuIdFullFat + menuid).hide();
    $(OnMenuIdFullFat + menuid).show();
    SetElementHeight($(OnMenuIdFullFat + menuid).children(".menuSectionMiddle"));
    return false;
}

function CloseFullFatMenu(menuid) {
    $(OnMenuIdFullFat + menuid).hide();
    $(OffMenuIdFullFat + menuid).show();
    return false;
}

/*semi skimmed header*/

var OffMenuIdSkimmed = "HeaderRibbonMenuSectionInnerOff_";
var OnMenuIdSkimmed = "HeaderRibbonMenuSectionInnerOn_";

function InitialiseSemiSkimmedHeader() {

    $("#HeaderRibbonMenuSectionInnerOff_1").hover(function() { HighlightMenu(1) }, function() { UnHighlightMenu(1) });
    $("#HeaderRibbonMenuSectionInnerOff_2").hover(function() { HighlightMenu(2) }, function() { UnHighlightMenu(2) });
    $("#HeaderRibbonMenuSectionInnerOff_3").hover(function() { HighlightMenu(3) }, function() { UnHighlightMenu(3) });
    $("#HeaderRibbonMenuSectionInnerOff_4").hover(function() { HighlightMenu(4) }, function() { UnHighlightMenu(4) });
    $("#HeaderRibbonMenuSectionInnerOff_5").hover(function() { HighlightMenu(5) }, function() { UnHighlightMenu(5) });

    $("#HeaderRibbonMenuSectionInnerOff_1").unbind("click").bind("click", function() { OpenSkimmedMenu(1) });
    $("#HeaderRibbonMenuSectionInnerOff_2").unbind("click").bind("click", function() { OpenSkimmedMenu(2) });
    $("#HeaderRibbonMenuSectionInnerOff_3").unbind("click").bind("click", function() { OpenSkimmedMenu(3) });
    $("#HeaderRibbonMenuSectionInnerOff_4").unbind("click").bind("click", function() { OpenSkimmedMenu(4) });
    $("#HeaderRibbonMenuSectionInnerOff_5").unbind("click").bind("click", function() { OpenSkimmedMenu(5) });

    $("#HeaderMenuOff_1").unbind("mouseleave").bind("mouseleave", function() { CloseSkimmedMenu(1) });
    $("#HeaderMenuOff_2").unbind("mouseleave").bind("mouseleave", function() { CloseSkimmedMenu(2) });
    $("#HeaderMenuOff_3").unbind("mouseleave").bind("mouseleave", function() { CloseSkimmedMenu(3) });
    $("#HeaderMenuOff_4").unbind("mouseleave").bind("mouseleave", function() { CloseSkimmedMenu(4) });
    $("#HeaderMenuOff_5").unbind("mouseleave").bind("mouseleave", function() { CloseSkimmedMenu(5) });
}


function SwapImages(menuid) {

    var currentImgArrow = $("#ImageArrow_" + menuid).attr('src');

    if (!$.browser.msie) {
        $("#ImageArrow_" + menuid).attr('src', $("#ImageArrow_" + menuid).attr('hoverimage'));
    }

    $("#ImageArrow_" + menuid).attr('hoverimage', currentImgArrow);

    var currentImgSection = $("#ImageSection_" + menuid).attr('src');

    if (!$.browser.msie) {
        $("#ImageSection_" + menuid).attr('src', $("#ImageSection_" + menuid).attr('hoverimage'));
    }
    $("#ImageSection_" + menuid).attr('hoverimage', currentImgSection);
}

function HighlightMenu(menuid) {
    $("#TitleText_" + menuid).css("color", "White");
    SwapImages(menuid);
}

function UnHighlightMenu(menuid) {
    $("#TitleText_" + menuid).css("color", "rgb(255, 210, 190)");
    SwapImages(menuid);
}

function OpenSkimmedMenu(menuid) {
    $("#" + OnMenuIdSkimmed + menuid).show();
    SetElementHeight($("#" + OnMenuIdSkimmed + menuid).children(".menuSectionMiddle"));
    for (i = 1; i < 6; i++) {
        if (i != menuid) {
            CloseSkimmedMenu(i);
        }
    }
    return false;
}

function CloseSkimmedMenu(menuid) {
    if ($("#" + OnMenuIdSkimmed + menuid).css("display") != "none") {
        $("#" + OnMenuIdSkimmed + menuid).hide();
    }
    return false;
}

function SetElementHeight(element) {
    //need to set css height otherwise absolute positioned element has abnormal behaviour in IE
    element.css("height", element.height() + "px");
}