var selectedImage;
var menuOverImage;

var menuRules = 
{    
    '#imgHome' : function (element)
    {
        element.onmouseover = function ()
        {
            setSelectedMenuImageOnOver(element.id);
        }
        
        element.onmouseout = function ()
        {
            setSelectedMenuImageOnOut (element.id);
        }
        
        element.onclick = function ()
        {
            location.href = "default.aspx";
        }
    },
        
    '#imgAboutUs' : function (element)
    {

        element.onmouseover = function()
        {
           showMenu(element.id, "menu_AboutUs");
        }
        
         element.onmouseout = function()
        {
            hideMenu("menu_AboutUs");
        }
    },
    
    '#menu_AboutUs' : function (element)
    {
        element.onmouseover = function ()
        {
            showMenu("imgAboutUs", element.id);
        }
        
        element.onmouseout = function()
        {
            hideMenu(element.id);
        }
    },
    
    '#menu_AboutUs div' : function (element)
    {
        element.onmouseover = function ()
        {
            Element.setStyle(element, {backgroundColor: '#b16035', cursor: 'pointer'});
        }
        
        element.onmouseout = function()
        {
             Element.hide($("menu_AboutUs"));
             Element.setStyle(element, {backgroundColor: '#826A46', cursor: 'default'});
        }
        
        element.onclick = function ()
        {
            if (element.id == "musicians.aspx")
            {
                displayComingSoon();
            }
            else
            {
                location.href = element.id;
            }
            
        }
     },
        
    '#imgSeason' : function (element)
    {

        element.onmouseover = function()
        {
           showMenu(element.id, "menu_Season");
        }
        
        element.onmouseout = function()
        {
            hideMenu("menu_Season");
        }
    },
     
    '#menu_Season' : function (element)
    {
        element.onmouseover = function ()
        {
            showMenu("imgSeason", element.id);
        }
        
        element.onmouseout = function()
        {
            hideMenu(element.id);
        }
    },
    '#menu_Season div' : function (element)
    {
        element.onmouseover = function ()
        {
            Element.setStyle(element, {backgroundColor: '#94863d', cursor: 'pointer'});
        }
        
        element.onmouseout = function()
        {
             Element.hide($("menu_Season"));
             Element.setStyle(element, {backgroundColor: '#826A46', cursor: 'default'});
        }
        
       element.onclick = function ()
        {
            if (element.id.toLowerCase() == "concert5")
            {
                displayComingSoon();
                return;
            }
            
            location.href = "season.aspx?c=" + element.id;
            
        }
     },
     
     '#imgReviews' : function (element)
     {
        element.onmouseover = function ()
        {
            setSelectedMenuImageOnOver(element.id);
        }
        
        element.onmouseout = function ()
        {
            setSelectedMenuImageOnOut (element.id);
        }
        
        element.onclick = function ()
        {
            location.href = "reviews.aspx";
        }
     },
     
     '#imgTickets' : function (element)
     {
        element.onmouseover = function ()
        {
            setSelectedMenuImageOnOver(element.id);
        }
        
        element.onmouseout = function ()
        {
            setSelectedMenuImageOnOut (element.id);
        }
        
        element.onclick = function ()
        {
            location.href = "tickets.aspx";
        }
     },
     '#imgContactUs' : function (element)
     {
        element.onmouseover = function ()
        {
            setSelectedMenuImageOnOver(element.id);
        }
        
        element.onmouseout = function ()
        {
            setSelectedMenuImageOnOut (element.id);
        }
        
        element.onclick = function ()
        {
            location.href = "contact.aspx";
        }
     },
     
    '#imgMembers' : function (element)
    {

        element.onmouseover = function()
        {
           showMenu(element.id, "menu_Members");
        }
        
         element.onmouseout = function()
        {
            hideMenu("menu_Members");
        }
    },

    '#menu_Members' : function (element)
    {
        element.onmouseover = function ()
        {
            showMenu("imgMembers", element.id);
        }
        
        element.onmouseout = function()
        {
            hideMenu(element.id);
        }
    },

    '#menu_Members div' : function (element)
    {
        element.onmouseover = function ()
        {
            Element.setStyle(element, {backgroundColor: '#8d2224', cursor: 'pointer'});
        }
        
        element.onmouseout = function()
        {
             Element.hide($("menu_Members"));
             Element.setStyle(element, {backgroundColor: '#826A46', cursor: 'default'});
        }
        
        element.onclick = function ()
        {
            location.href = element.id;
        }
    }
}

Behaviour.register(menuRules);

function showMenu(menuTriggerID, menuID)
{
    menuOverImage = document.getElementsBySelector("#" + menuTriggerID + " img")[0];

    Element.setStyle(menuID, {display: 'block'});

    Element.setStyle(menuTriggerID, {cursor: 'pointer'});
    
    menuOverImage.src = menuOverImage.src.replace(".jpg", "_selected.jpg");
    selectedImage.src = selectedImage.src.replace("_selected.jpg", ".jpg");            
}

function hideMenu(menuID)
{
     Element.hide(menuID);
     Element.setStyle(menuID, {cursor: 'default'});
     menuOverImage.src = menuOverImage.src.replace("_selected.jpg", ".jpg"); 
     selectedImage.src = selectedImage.src.replace(".jpg", "_selected.jpg"); 
}