$(document).ready(function(){

	var idMenu = 'ul#menu-navigation';
	var timedrop = 500;
	var classHover = 'hover';
	var texteSub = "Affiche le sous-menu";
	var arrowfff = "<span>▼</span>";
	
$(idMenu).addClass('hide'); 

$('li',idMenu).each(function () {
		// 
		var menuParent = $(this).closest('ul').parent();
		// le cursor est sur l'élément -> mouse enter
		$(this).click( function (e) {
			$(this).toggleClass( classHover );
			$(menuParent).addClass( classHover );
		});
	});

$('li',idMenu).each(function () {
		// 
		var menuParent = $(this).closest('ul').parent();
		// le cursor est sur l'élément
		$(this).hover( function (e) {
			$(this).toggleClass( classHover );
			$(menuParent).addClass( classHover );
		});
	});



});

/*
$(document).ready(function(){
	var timedrop = 2000;
	var idMenu = 'div#menu';
	var classHover = 'hover';
	var texteSub = "Affiche le sous-menu";
	var arrowfff = "<span>▼</span>";
	
	if((idMenu)) {
	// Ajoute la class .drop lorsque le JS est activé
	$(idMenu).addClass('drop'); 
	// Ajoute un span (fleche) lorsqu'il y a un sous menu et change le lien
	$("li.sub > a",idMenu).text(function () {
        $(this).replaceWith('<a href="" title="	' + texteSub + $(this).text() + '"><span>' + $(this).text() + '</span> '+arrowfff+'</a> '); 
	});
	// On parcours les liens du menu
	$('li a',idMenu).each(function () {
		// 
		var menuParent = $(this).closest('ul').parent();
		// le cursor est sur l'élément
		$(this).bind("mouseenter focus", function () {
			$(this).addClass( classHover );
			$(menuParent).addClass( classHover );
		// le cursor n'est plus sur l'élément
		}).bind("mouseleave blur", function () {
			$(this).removeClass( classHover );
			//
			if (!$('.'+classHover, menuParent).length) {
				// Retardement pour que le sous-menu disparaisse > 2000 = 2sec
				setTimeout(function(){
					$(menuParent).removeClass( classHover );
				},timedrop);
			}
		});
	});//end
	
	// ctrl + shift pour avoir le focus sur le premier item du menu
	$(document).keyup(function (e) {
	if(e.which == 17) isCtrl=false;
	}).keydown(function (e) {
		if(e.which == 17) isCtrl=true;
		if(e.which == 16 && isCtrl == true) {
			var Item = $(" > li:first-child a", idMenu);
			var titleItem = $(Item).attr('title');
				$(Item).addClass( classHover ).focus();
	 	}
	});
	
	}
	
});
*/