/* Menu Desplegable Main */

var MenuDesplegableMain = Class.create(
{
    itemsMenuMain : null,
    
    initialize : function() 
    {
        this.itemsMenuMain = new Array();
        $$("a.menuMainJS").each
        (
            function(item)
            {
                item.observe('mouseover',this.desplegarMain);
                item.observe('plegar',this.plegarMain);
                item.observe('desplegar',this.desplegarMain);
                this.itemsMenuMain[this.itemsMenuMain.length] = item;
			}.bind(this)			
        );
        
        $('controlMouseOutMenuMain').observe('mouseover',this.plegarAll);
        Object.extend(window, this);
        this.plegarAll();
    },
    
    plegarAll : function()
    {        
        $('controlMouseOutMenuMain').hide();
        $$("a.menuMainJS").each
        (
            function(item)
            {
                var idSubmenu = item.readAttribute('idSubmenu');
                estilo = window.getClassName(item);
                if (estilo)
                {
                    item.removeClassName(estilo+'Active');
                }                
                $(idSubmenu).hide();
                
            }
        )            
    },
    
    getClassName : function(item) 
    {
      var estilo = item.classNames().find(
                        function(estilo) 
                        {
                            return (estilo.indexOf('mn_') >= 0);    
                        }
                      )  
      return estilo;    
    },

    desplegarMain : function(evt)
    {   
        $$("a.menuMainJS").each
        (
            function(item)
            {
                var idSubmenu = item.readAttribute('idSubmenu');
                estilo = window.getClassName(item);
                item.removeClassName(estilo+'Active');
                $(idSubmenu).hide();
            }
        )    
        var idSubmenu = this.readAttribute('idSubmenu');
        $(idSubmenu).show();
        estilo = window.getClassName(this);
        this.addClassName(estilo+'Active');
		
		$('controlMouseOutMenuMain').show();           
    },

    plegarMain : function(evt)
    {
        var idSubmenu = this.readAttribute('idSubmenu');
        var idMenu = $(idSubmenu).readAttribute('idMenu');
        estilo = window.getClassName($(idMenu));
        $(idMenu).removeClassName(estilo+'Active');
        $(idSubmenu).hide();
    }
});


Event.observe(window,"load", function(){
	new MenuDesplegableMain();
});