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

function bindMenus()
{
	var supermenus = filterClass($$('li'),'supermenu');
	supermenus.addEvent('mouseenter',showSubMenu());
	supermenus.addEvent('mouseleave',hideSubMenu());
}

function showSubMenu()
{
	return function() {
		var els = filterClass(this.getElements('ul'),'submenu');
		els.set('tween',{duration: 50});
		els.fade('in');
	}
}

function hideSubMenu()
{
	return function() {
		var els = filterClass(this.getElements('ul'),'submenu');
		els.set('tween',{duration: 50});
		els.fade('out');
	}
}

//mootools selectors doesn't appear to be installed - workaround
function filterClass(els,cl)
{
	return els.filter(function(el){return el.hasClass(cl);});
}