$(document).ready(function(){
	
	// dans le script engine.php, à l'ouverture de la page, on vérifie le nom de la page et on applique la classe active au "li" correspondant 
	//ici quand le document est près on cherche si un li active existe et on notifie ses parents
	
	
	$(".menu li.active").parents("ul").addClass("active_ul");
	

	
	$(".menu li.active >ul").addClass("active_ul");
	$(".menu li.active").parents("li").addClass("active");
	//on ferme tous les sousmenus
	$(".sousMenu").hide();
	//sauf si un a déjà été séléctionné on l'ouvre délicatement :)
	$(".active_ul").show();
	



	$(".item > a").click(function(event){
		 event.preventDefault() ;
		
		var url = ($(this).attr('href'));
		//si le sous menu est ouvert
		if(! $(this).next("ul").is(":visible")){
			
			$(".item > ul").slideUp();
			$(".sousItem").removeClass("active");
			$(".item").removeClass("active");
			//on cible tous les ul
			$(".menu ul").removeClass("active_ul");
			//
			$(this).parent().addClass("active");
			$(this).parent().children(".sousMenu").addClass("active_ul");
		
			if($(this).parent().children(".sousMenu").length >0) $(this).next("ul").slideDown(function(){window.location=url;});
			else window.location=url;
		}
		else
		{
			window.location=url;
		}
$(".menu li.active").css({'opacity':'1'});		
		
	});
	
	
	$(".sousItem a").click(function(event){
		event.preventDefault();
		
		$(".sousItem").removeClass("active");
		if ($(this).next("ul").is(":visible")){
			$(this).next("ul").slideUp(function(){window.location='index.php';});
		}
		//si non 
		else{
			$(".sousItem > ul").slideUp();
			//on cible tous les ul
			$(".sousItem > ul").removeClass("active_ul");
			//
			$(this).next("ul").slideDown();
			$(this).parent().addClass("active");
			$(this).parent().children(".sousMenu").addClass("active_ul");	
			var url = $(this).attr('href');
			window.location=url;
		}
$(".menu li.active").css({'opacity':'1'});		
	});
	




	
});