$(document).ready(function(){
						   
	  
						   
		var speed = 800;				   
						   
	$("#sidebar").css({ left: "130px"});
	//$("#sidebarToggleButton").text("Offres");


		$(".sidebarOpen").mouseover(function(){			
	 		
				$(this).removeClass("sidebarOpen")
				
					
				$("#sidebar").animate({left: "0px", opacity:1}, speed);
				$(".contenu").removeClass("cache");
				$("#sidebar>ul").addClass("bordure");
				$("#sidebarWrapper").removeClass("Initposition"); //0
				$("#sidebarWrapper").addClass("position"); //z-index:999; 
				$(".col2").addClass("Initposition"); // 0
				$(".col3").addClass("position");	//z-index:999;
				$(".col2").removeClass("position2"); // z-index:1000;
				$(".col3").removeClass("Initposition"); // 0
				
		});




		$(".sidebarOpen").mouseout(function(){

			// Faire une pause avant fermeture du sidebar

			$(this).oneTime(10*speed, function() {
						

			$(this)

				.removeClass("sidebarClose")
				.addClass("sidebarOpen")
				.removeClass("position");
				
			$("#sidebar").animate({left: "130px", opacity:1}, speed);
			
											  });
			$(this).oneTime(11*speed, function() {
				$(".contenu").addClass("cache");
				$("#sidebar>ul").removeClass("bordure");
				$("#sidebarWrapper").removeClass("position"); // 999;
				$("#sidebarWrapper").addClass("Initposition"); //0
				$(".col3").removeClass("position"); //z-index:999;
				$(".col3").addClass("Initposition"); // 0
				$(".col2").addClass("position2"); // z-index:1000;
				$(".col2").removeClass("Initposition"); // 0
				
				
				
									   
									   
			});
		});

});