var menuTimer = 0;

document.observe('dom:loaded', function() {
	// on masque les sous-menus
	hideSubMenus();
	
	// on observe les éléments ayant des sous-menus
	links = $$('div#navigation ul li a.link_menu');
	links.invoke('observe', 'mouseover', observeMenuOver);
	links.invoke('observe', 'mouseout', observeMenuOut);
	
	// on enlève le border-right du dernier élément
	$$('div#navigation ul li:last-child').invoke('addClassName', 'last');
});

function hideSubMenus() {
	$$('div#navigation ul li ul').invoke('hide');
}

function observeMenuOver(event) {
 	clearTimeout(menuTimer);

	// on masque tous les sous-menus
	hideSubMenus();

	// on affiche le sous-menu du lien 
	event.element().next('ul').show();
}

function observeMenuOut() {
	menuTimer = setTimeout("hideSubMenus()", 1000);
}