function initMenu()
{
    // add on hover function to all menu items
    $(".main-menu-item").each(function(index)
    {
        // place a background
        var bg = $(this).clone()[0];
        
        $(this).empty();
        
        
        $(bg).css(
        {
            "background-color": "#000",
            "width": $(this).width(),
            "height": $(this).height(),
            "position": "absolute"
        });
        
        // Change the top layer to have no background color
        var overlay = $(bg).clone().css(
        {
            "background-color": ""
        });
        
        $(this).append(bg);
        $(this).append(overlay);
        
        // fadeout background
        $(bg).fadeTo(100, 0);
        
        $(overlay).hover(function()
        {
            $(bg).fadeTo("slow", 0.50);
        }, function()
        {
            $(bg).fadeTo(200, 0);
        });
    });
}