$(document).ready(function () {
	
	// interaction des expandables
    $("a.expandable").hover(
		function(e) {
			closeAllMenus();
			if(typeof(timeoutID)!='undefined') window.clearTimeout(timeoutID);
			$(e.target).find("~ ul").show();
		},
		function() { timeoutID = window.setTimeout(closeAllMenus,2000);}
	);
	// les autres ferment automatiquement
	$("#menu a").mouseover(function(e) {
		if(!$(e.target).hasClass("expandable")) closeAllMenus();
	});
	// sauf les sous-menus, qui retiennent le menu
	$("#menu ul a").unbind("mouseover");
	$("#menu ul a").hover(
		function(e) { window.clearTimeout(timeoutID);},
		function() { timeoutID = window.setTimeout(closeAllMenus,2000);}
	);
	
});

function closeAllMenus() {
	$("a.expandable ~ ul").hide();
}