var executer;

function displayMenu(menuId, position) {
		hideMenus();
		var menu = $(menuId);
		if (menu) {
				menu.style.display	= 'block';
				menu.style.left		= position * 114.5 + 'px';
		}
}

function hideMenus() {
		var menus = $$('.submenu');
		menus.each(function(menu){
						menu.style.display = 'none';
						});
}

function startMonitoring() {
		executer = new PeriodicalExecuter(hideMenus, .1);
}

function stopMonitoring() {
		if (executer)
				executer.stop();
}

function attachListenersToSubmenu() {
		var submenus	 = $$('.menuItem a');

		submenus.each(function(submenu) {
				Event.observe(submenu, 'mouseover', stopMonitoring);
				Event.observe(submenu, 'mouseout', startMonitoring);
		});
}

Event.observe(window, 'load', attachListenersToSubmenu);


