// version 0.1
var mooMenu = new Class({				
	initialize: function(menu){
		var fxs = [];
		this.menu = $(menu);
		
		(this.elements = this.menu.getElements('li ul')).each(function(element, index){
			element.setStyle('display', 'none');
			fxs[index] = new Fx.Styles(element, {duration: 300, transition: Fx.Transitions.Quint.easeIn});
			fxs[index].set({'opacity': 0});
			
			element.getParent().addEvents({
				'mouseenter': function(e){ element.setStyle('display', ''); fxs[index].start({'opacity': 1}); },
				'mouseleave': function(e){ element.setStyle('display', 'none'); fxs[index].set({'opacity': 0}); }
			});
		}, this);
	}
});
