// ########################################################################################################
//              MAIN MENU
// ########################################################################################################

function InitializeMenuItemEventHandlers(menuItemId) 
{
    // Mouse enter
    $("#menu_item_" + menuItemId + "_left, #menu_item_" + menuItemId + "_center, #menu_item_" + menuItemId + "_right").bind(
        "mouseenter", 
        function(e)
        {
            UpdateMenuItemDisplay(menuItemId, "on");                    
        }
    );

    // Mouse leave
    $("#menu_item_" + menuItemId + "_left, #menu_item_" + menuItemId + "_center, #menu_item_" + menuItemId + "_right").bind(
        "mouseleave", 
        function(e)
        {
            if ($("#menu_item_" + menuItemId + "_center").attr("selected") == "off")
            {
                UpdateMenuItemDisplay(menuItemId, "off");                    
            }
        }
    );

    // Mouse click
    $("#menu_item_" + menuItemId + "_left, #menu_item_" + menuItemId + "_center, #menu_item_" + menuItemId + "_right").bind(
        "click", 
        function(e)
        {
            window.location.href = $("#menu_item_" + menuItemId + "_center").attr("url");
        }
    );
}

function UpdateMenuItemDisplay(menuItemId, display)
{
    $("#menu_item_" + menuItemId + "_left").attr("class", "menu_item_" + display + "_left");                    
    $("#menu_item_" + menuItemId + "_center").attr("class", "menu_item_" + display + "_center");                    
    $("#menu_item_" + menuItemId + "_right").attr("class", "menu_item_" + display + "_right");                    
}