/*
$(document).ready(function(){
	var timermenu;

	// Affichage du sous-menu
	$("#menu > li").not(".empty").hover(
		function () {
			$(this).addClass("open");
			$(this).children("div").children("div").stop(true,true);
			$(this).children("div").stop(false,true);
			$('#ecrinFiltre').stop(true,true).css('display','block').css("opacity",0.65);
			if ($(this).siblings(".open").size() != 0) {
				var monli = this;
				$(this).children("div").css("display","block");
				// reinitilisation du fadeOut
				$(this).children("div").children("div").css("opacity",1);
				$(this).children("div").children("div").css("display","none");
				$(this).siblings(".open").children("div").fadeOut(300, function(){
					$(monli).children("div").children("div").fadeIn(300);
				});
			} else {
				$(this).children("div").slideDown(800, 'easeOutExpo', function() {
					$(this).children("div").fadeIn(300);
				});
				$(this).siblings().children("div").css("display","none");
			}
			$(this).siblings().removeClass("open");
			
		},
	  function () {	
			$('#ecrinFiltre').fadeOut(1500);
			if ($(this).siblings(".open").size() != 0) {
				$(this).children("div").css("display","none");
			} else {
				$(this).children("div").children("div").delay(1000).fadeOut(300, function(){
					$(this).parent("div").slideUp(400, 'easeOutCirc');
				});
				
				//$(this).children("div").stop(false,true).slideUp("slow");
				//$(this).children("div").children("div").css("display","none");
			}
		}	
	);

	// Supprime l'état actif du menu
	$("#menu").mouseleave(function() {
	  $("#menu > li").removeClass("open");
	});

	// Affichage des vignettes
	var vignettes = $('[class^=preview]');
	var nVignettes = vignettes.length;
	for ( var i = 0; i < nVignettes; i++) {
		$(vignettes[i]).bind('mouseover mouseout', function(event){ 
			var index = this.className.match(/preview-([0-9]+){1}/i)[1],
			e = $("#menu .first a"),
			v = $('#vignette-'+index);
			if ( event.type == 'mouseover' ) {
				e.css('visibility', 'hidden');
				v.css('visibility', 'visible');
			} else {
				e.css('visibility', 'visible');
				v.css('visibility', 'hidden');
			}
		});
	};

});

*/


$(document).ready(function(){

	$("#menu > li").not(".empty").hover(
		function() {
			$('#menu').data('hover',true);
			var monli = this;
			
			$(this).addClass("open");
			
			if ($(this).siblings(".open").size() != 0) {
				//$('#ecrinFiltre').stop(true,false).fadeIn();
				$('#ecrinFiltre').stop(true,false).css('display','block').css("opacity",0.65);
				
				$("#menu_bg").stop(true,true).css('display','block');
				var siblingopen = $(this).siblings(".open");
				$(siblingopen).removeClass("open");
				$(siblingopen).children("div").fadeOut(400, 'easeOutQuad', function() {
					if($(monli).is('.open')){
						$(siblingopen).children("div").css('display','none');
						$(monli).children("div").stop(true,true).fadeIn(300, 'easeOutQuad');
					}
				});
			}else{
				
				setTimeout(function(){
					if($('#menu').data('hover') && $(monli).is('.open')){
						//$('#ecrinFiltre').stop(true,false).fadeIn();
						$('#ecrinFiltre').stop(true,false).css('display','block').css("opacity",0.65);
						
						$("#menu_bg").stop(true,true).slideDown(800, 'easeOutExpo', function() {
							if($('#menu').data('hover') && $(monli).is('.open')){
								$(monli).children("div").fadeIn(300, 'easeOutQuad');
							}
						});
					}
				},300
				);
			}
		},
		function() {
			var monli = this;
			$('#menu').data('hover',false);
			
			setTimeout(function(){
				if(!$('#menu').data('hover')){
					$(monli).removeClass("open");
					$('#ecrinFiltre').fadeOut();
					
					if(!$(monli).is('.open')){
						$(monli).children("div").fadeOut(400, 'easeOutQuad', function() {
							if(!$('#menu').data('hover')){
								$("#menu > li").not(monli).children("div").stop(true,true).css('display','none');
								$("#menu_bg").slideUp(600, 'easeOutExpo');
							}
						});
					}
					
				}
			},500);
		}
	);
	
	
	// Affichage des vignettes
	var vignettes = $('[class^=preview]');
	var nVignettes = vignettes.length;
	for ( var i = 0; i < nVignettes; i++) {
		$(vignettes[i]).bind('mouseover mouseout', function(event){ 
			var index = this.className.match(/preview-([0-9]+){1}/i)[1],
			e = $("#menu .first a"),
			v = $('#vignette-'+index);
			if ( event.type == 'mouseover' ) {
				e.css('visibility', 'hidden');
				v.css('visibility', 'visible');
			} else {
				e.css('visibility', 'visible');
				v.css('visibility', 'hidden');
			}
		});
	};
	
});