window.addEvent('domready', function() {
	menuFader();
})

function menuFader() {
	$$('.sub_menu').each( function(e) {
		e.fade('hide');
		e.setStyle('display', 'block');

		e.getParent('li').addEvent('mouseenter', function() {
			// get current menu item
			var current = this;

			$$('.sub_menu').each( function(e) {	
				if (current === e.getParent('li'))
					e.fade('in');
				else
					e.fade('out');
			});
		});

		e.getParent('li').addEvent('mouseleave', function() {
			// get current menu item
			var current = this;

			current.getElement('.sub_menu').fade('out');
		});

	});
	
	// fade in the current menu after page refresh
	$$('.active').each( function(e) {
		if ( $chk( e.getElement('.sub_menu') ) )
			e.getElement('.sub_menu').fade('in');
	});
}