var Menu = {
	
	init: function(element) {
		Menu.element = $(element) || false;
		if (!Menu.element) return false;
		
		Menu.submenus = Menu.element.getElements('ul.submenu').setStyles({'opacity': 0, 'overflow': 'hidden'});
		Menu.attachEvents();
	},
	
	attachEvents: function() {
		Menu.submenus.getParent().each(function(parent, i) {
			
			var height = Menu.submenus[i].getSize().size.y;
			var fx = new Fx.Style(Menu.submenus[i], 'height', {'wait': false, 'duration': 300}).set(0);
			
			parent.addEvents({
				'mouseenter': function() {
					Menu.submenus[i].setStyle('opacity', 1);
					fx.start(height);
					Menu.submenus[i].getPrevious().addClass('hover');
				},
				'mouseleave': function() {
					fx.start(0);
					Menu.submenus[i].getPrevious().removeClass('hover');
					Menu.submenus[i].setStyle('opacity', 0);
				}
			});
			
		});
	}
	
};

window.addEvent('domready', function() {
	Menu.init('menu');
});