$(document).ready(function(){
	$("#nav_main div").addClass("default");
	$("#nav_main div").each(function(){	
		//On détermine que aucun n'est ouvert
		$(this).data('clicked', false);	
	    $(this).mouseover(function(){
			$(this).removeClass("default");
			$(this).addClass("rollOver");
	 });
	 $(this).click(function(){
		clearTimeout(closeInterval);
		if($(this).data('clicked')){
			closeAllMenu(true);
			destroyBlackout()
			return;
		}
		closeAllMenu(true);
		createBlackout();
		//Clicked, on le passe a true
		 $(this).data('clicked', true);	
		 $(this).addClass("click");
		 $(this).css('padding-bottom', '3px');
		 if($.browser.msie && $.browser.version<="7") { 
			$(this).css('padding-bottom', '0px');
		 }
		 $(this).children("img").attr({src: "/cs/Mut509/images/ml/bg_menu_arrow_up.png"});
		 $(this).children("img").css('padding-bottom', '4px');
		 
		 $("#nav_main div").siblings().children("ul:not(li)").slideUp(0);
			 if($.browser.msie && $.browser.version!="8.0") { 
				 $(this).children("ul").slideDown(0);
				 var hauteur = $(this).width();
				 $(this).children("ul").css({marginLeft:"-"+hauteur-41+"px"}); 
			 } else {
				$(this).children("ul").slideDown(0);
			 }
		 });
	});
	$("#nav_main",this).bind("mouseleave",function(){												
		closeAllMenu(false);
	});
	$("#nav_main div",this).bind("mouseleave",function(){
		var elId=this.id;									   
		if(!$(this).data("clicked")){			
			var elId=this.id;
			closeMenuLvl2('#'+elId,false);
		}
	});
	$("#nav_main",this).bind("mouseover",function(){
		clearTimeout(closeInterval);										   
	})
});
var closeInterval;
function destroyBlackout(){
	if($("#blackout") != null){
		$("#blackout").remove();
	}
}
function createBlackout(){
	$("body").prepend("<div id='blackout'></div>");
	var bo=$("#blackout");
	bo.css("position","absolute");
	bo.css("z-index","1");
	bo.css("opacity","0.5");
	bo.css("left","0");
	bo.css("height",$(document).height()+"px");
	bo.css("width","100%");
	bo.css("background-color","#000000");
}
function closeAllMenu(force_close){
	$("#nav_main div").each(function(){
		closeMenuLvl2("#"+this.id,force_close);							 
	})	
}
function reInitDivMenu(el_id){
		$(el_id).removeClass("rollOver");
		$(el_id).removeClass("click");
		$(el_id).css('padding-bottom', '0');
		$(el_id).addClass("default");	
}
function reinitButtonAndClose(el_id){
		clearTimeout(closeInterval);
		$(el_id).data("clicked",false);
		$(el_id).children("img").attr({src: "/cs/Mut509/images/ml/bg_menu_arrow_down.png"});
		$(el_id).children("img").css('padding-bottom', '2px');
		$(el_id).children("ul").slideUp(0);
		reInitDivMenu(el_id);
		destroyBlackout();
}
function closeMenuLvl2(el_id,force_close){ 		
	if($(el_id).data("clicked")){
			if(force_close){
				reinitButtonAndClose(el_id)
			}else{
				closeInterval=setTimeout("reinitButtonAndClose('"+el_id+"')",500);		
			}							
	}else{
		reInitDivMenu(el_id);	
	}
}
