window.addEvent("domready", function(){
    

    $$('[class^=menu-][id]').each(function(item){
        item.store('altura',item.getStyle('height'));
        
        item.getParent('div').getElement('div').set('morph',{'duration':300, 'transition':'quad:out'})

        item.getParent('div').addEvents({
            mouseover:function(e){
                this.getElement('div').morph({'height':this.getElement('div').retrieve('altura'), 'opacity':1});
            },
            mouseout:function(e){
                this.getElement('div').morph({'height':0, 'opacity':0});
            }
        });
        item.setStyle('height','0');
        item.setStyle('opacity','0');
    });

});