Event.observe(window, 'load', function()
{
    Submenu.prepareSubMenus();
        
    Submenu.getOpenLinks().each ( function(link)
    {
        Event.observe(link, 'mouseover', Submenu.open_Click);
    } );
    
    Submenu.getCloseLinks().each ( function(link)
    {
        Event.observe(link, 'click', Submenu.close_Click);
    } );
    
    //Submenu.showVideoSpotlight();
});

//Static Submenu class with all the menu related methods
var Submenu = 
{
    getOpenLinks: function()
    {
        return $$('a.SubmenuOpen');
    },
    getCloseLinks: function()
    {
        return $$('a.SubmenuClose');
    },
    // Search for the SubMenuHidden divs, remove the class and replace it with a display:none style,
    // otherwise I cannot use the scriptacoulous effect
    prepareSubMenus: function()
    {
        $$('.SubMenuHidden').each ( function(elem)
        {
            elem.hide( );
            elem.removeClassName('SubMenuHidden');
            elem.addClassName('SubMenu');

        } );
    },
    open_Click: function(event)
    {
      
      //alert(Event.element(event));
      
        //select the sibling div element
        //var menu = Event.element(event).up().down('div.SubMenu');
        var menu = Event.element(event).up().down('div.SubMenu');
        var openMenuLink = menu.up().down('a.SubmenuOpen');
       
        var TIMER_ID;
        openMenuLink.addClassName('highlight'); 
        if ( Submenu.isOpen(menu) ){
           // Submenu.close(menu);
          }
        else{
        
            Submenu.open(menu);
             
            $$('.ie6 select').invoke('hide') ;

					  Event.observe(menu, 'mouseout', function() {
					      clearTimeout(TIMER_ID);				
					      TIMER_ID = setTimeout(function(){Submenu.close(menu);}, 1)});
      					
			      Event.observe(menu.up(), 'mouseout', function() {
					      clearTimeout(TIMER_ID);					
					      TIMER_ID = setTimeout(function(){Submenu.close(menu);}, 1)});
      					
			      Event.observe(menu.up(), 'mouseover', function() {
					      clearTimeout(TIMER_ID);});
	

            };

        //Stop the default click
      //event.preventDefault();

    },
    close_Click: function(event)
    {
        //select the parent div element
        var menu = event.element().up().up();
        
        Submenu.close(menu);
        
        //Stop the default click
        //event.preventDefault();    
    },
    isOpen: function(menu)
    {
        return menu.visible();
    },
    close: function(menu)
    {
       var openMenuLink = menu.up().down('a.SubmenuOpen');

        menu.hide();
        //Effect.Fade(menu, {duration:0.5});
        openMenuLink.removeClassName('highlight'); 
        $$('.ie6 select').invoke('show') ;
    },
    open: function(menu)
    {
        menu.show();
       // Effect.Appear(menu, {duration:0.5});
    }
    /*,
    
    showVideoSpotlight: function() {
    if($('HideAjax') != null) {
    
     Effect.SlideUp($('HideAjax'), {duration:2});
     var effettino = new Effect.Highlight($('VideoSpotlight'), 
        {startcolor: "#ffffff",
        endcolor: "#ffff66",
        restorecolor: "#ffffff", 
        duration:5});
     
    
     }
    }*/
    
};