var menuTimer = null;

function initMenu() {
	var nav_links = $$('#main_nav > ul > li');

	nav_links.each(function(element){
		var subMenu = element.getFirst('ul');
		if (subMenu) {
			subMenu.inject(document.body);
			element.addEvent('mouseenter', function() {
				subMenu.setStyle('left', element.getPosition().x);
				subMenu.setStyle('top', element.getPosition().y + element.getSize().y);
				subMenu.setStyle('min-width', element.getSize().x-1);
				showMenu.bind(subMenu)();
			})
			subMenu.addEvent('mouseenter', function() {
				clearTimeout(menuTimer);
			});
			element.addEvent('mouseleave', function() {
				menuTimer = hideMenu.delay(300, subMenu);
			});
			subMenu.addEvent('mouseleave', function() {
				menuTimer = hideMenu.delay(300, subMenu);
			});
		}
	});
}

function showMenu() {
	clearTimeout(menuTimer);
	$$('.submenu').setStyle('display', 'none');
	this.setStyle('display', 'block');
}

function hideMenu() {
	this.setStyle('display', 'none');
}

window.addEvent('domready', initMenu);