var selectedMenuItem;

var rehearsalRules = 
{   
    'body' : function (element)
    {
        setSelectedMenuImage("imgMembers");
    },
    
    '#rehearsalMenu img' : function(element)
	{
	    if (element.id == "concert_1")
	    {
	        Element.setStyle(element, {visibility: "visible"});
	        selectedMenuItem = element;
	        Element.setStyle($("p_" + selectedMenuItem.id), {display:"inline"});
	    }
	},
	
	'#rehearsalMenu div' : function (element)
	{
	    element.onmouseover = function ()
	    {
	        Element.removeClassName(element, "link_out");
	        Element.addClassName(element, "link_over");
	        var img = element.getElementsByTagName("img");
	        Element.setStyle(img[0], {visibility:"visible"});

	    }
	    
	     element.onmouseout = function ()
	    {
	        var img = element.getElementsByTagName("img");
	        
	        Element.removeClassName(element, "link_over");
	        Element.addClassName(element, "link_out");
	        Element.setStyle(img[0], {visibility:"hidden"});
	        Element.setStyle(selectedMenuItem, {visibility:"visible"});
	    }
	    
	    element.onclick = function()
	    {
	        var img = element.getElementsByTagName("img");
	        
	        /*if (img[0].id != "concert_1")
	        {
	            displayComingSoon();
	        }*/
	        
	        Element.setStyle(selectedMenuItem, {visibility:"hidden"});
	        Element.setStyle(img[0], {visibility:"visible"});
	        Element.setStyle($("p_" + selectedMenuItem.id), {display:"none"});

	        selectedMenuItem = img[0];
	       Element.setStyle($("p_" + selectedMenuItem.id), {display:"inline"});
	    }
	}
 }
 
 Behaviour.register(rehearsalRules);