$(function($){
	
		var $mainmenu=$("ul#menuderoulant"); // cherche le menu déroulant
		var $headers=$mainmenu.find("ul").parent(); //cherche tous les sous menus
		
		$headers.each(function(i){ // pour chaque sous menu on execute
			var $current_objet=$(this);
			var $aparent=$(this).find("a.parent");
			
			$current_objet.hover(
				function(){	//hover actif			
					var $targetul=$(this).children("ul:eq(0)"); //récupére le sous menu
					if ($targetul.queue().length<=1) // joue l'animation que si la queue est = a 1 ou inférieur
						$targetul.slideDown(0, 0); // slide a vitesse de 100
					$aparent.addClass('hover'); // change la classe du titre du sous menus
				},
				function(){ //hover inactif
					var $targetul=$(this).children("ul:eq(0)");//récupére le sous menu
					setTimeout(function(){ // fonction qui ajoute un delais de 500ms
						$targetul.fadeOut(400, 0, callback()); // cache le sous menu avec un slide de 100 ms et appelle la fonction callback()
					}, 0);
				}
			);
			function callback(){
				setTimeout(function(){// delai de 100 ms pour que le hover revienne apré la fermeture compléte du sous menu
					$aparent.removeClass('hover');	// on enléve la classe hover
				}, 0);
			}
		});
	})