// ECOLE INTERNATIONALE DE Théâtre jacques lecoq
// EFFECTS

$(document).ready(function() {
	idealprod_3volets();
	idealprod_toggler();
});

function idealprod_3volets(){
	$(".close_open").css("display","none");
	$(".inside").css("display","none");
	$(".active .inside").slideDown(500);
		
	$(".col_1 .wrap").click(function() {
		$(this).parent().stop().animate({ width:"600px" },400,function(){ $(".col_1 .inside").slideDown(200);
																		  setTimeout ('$("html,body").animate({scrollTop: 800}, 600);', 500);
															 }).addClass("active").removeClass("normal").removeClass("trentetroispourcent");
		
		$(".col_2").stop().animate({ width:"160px" },{duration:398}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		$(".col_3").stop().animate({ width:"160px" },{duration:399}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		
		$(".col_1").find(".imgunun").animate({ width:"600px" });
		$(".col_2").find(".imgunun").animate({ width:"160px" });
		$(".col_3").find(".imgunun").animate({ width:"160px" });
		
		$(".col_2 .inside").slideUp(390);
		$(".col_3 .inside").slideUp(390);
		
		$(".col_3 .open_close").show();
		$(".col_2 .open_close").show();
		$(".col_1 .open_close").hide();
		
		$(".col_3 .close_open").hide();
		$(".col_2 .close_open").hide();
		$(".col_1 .close_open").show();
		
	});
	
	$(".col_2 .wrap").click(function() {
		$(this).parent().stop().animate({ width:"600px" },400,function(){ $(".col_2 .inside").slideDown(200);
																		  setTimeout ('$("html,body").animate({scrollTop: 800}, 600);', 500);
															 }).addClass("active").removeClass("normal").removeClass("trentetroispourcent");
		
		$(".col_1").stop().animate({ width:"160px" },{duration:398}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		$(".col_3").stop().animate({ width:"160px" },{duration:399}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		
		$(".col_2").find(".imgunun").animate({ width:"600px" });
		$(".col_1").find(".imgunun").animate({ width:"160px" });
		$(".col_3").find(".imgunun").animate({ width:"160px" });
		
		$(".col_1 .inside").slideUp(390);
		$(".col_3 .inside").slideUp(390);
		
		$(".col_1 .open_close").show();
		$(".col_3 .open_close").show();
		$(".col_2 .open_close").hide();
		
		$(".col_1 .close_open").hide();
		$(".col_3 .close_open").hide();
		$(".col_2 .close_open").show();
	});
	
	$(".col_3 .wrap").click(function() {
		$(this).parent().stop().animate({ width:"600px" },399,function(){ $(".col_3 .inside").slideDown(200);
																		  setTimeout ('$("html,body").animate({scrollTop: 800}, 600);', 500);
															 }).addClass("active").removeClass("normal").removeClass("trentetroispourcent");
		
		$(".col_2").stop().animate({ width:"160px" },{duration:398}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		$(".col_1").stop().animate({ width:"160px" },{duration:399}).removeClass("active").removeClass("trentetroispourcent").addClass("normal");
		
		$(".col_3").find(".imgunun").animate({ width:"600px" });
		$(".col_2").find(".imgunun").animate({ width:"160px" });
		$(".col_1").find(".imgunun").animate({ width:"160px" });
		
		$(".col_2 .inside").slideUp(390);
		$(".col_1 .inside").slideUp(390);
		
		$(".col_1 .open_close").show();
		$(".col_2 .open_close").show();
		$(".col_3 .open_close").hide();
		
		$(".col_1 .close_open").hide();
		$(".col_2 .close_open").hide();
		$(".col_3 .close_open").show();
		
	});
		
	
	$(".close_open").click(function() {
		
		$(".col_1").stop().animate({ width:"306px" },{duration:398}).removeClass("active").removeClass("normal").addClass("trentetroispourcent");
		$(".col_2").stop().animate({ width:"307px" },{duration:398}).removeClass("active").removeClass("normal").addClass("trentetroispourcent");
		$(".col_3").stop().animate({ width:"306px" },{duration:399}).removeClass("active").removeClass("normal").addClass("trentetroispourcent");
		
		$(".col_1").find(".imgunun").animate({ width:"306px" });
		$(".col_2").find(".imgunun").animate({ width:"307px" });
		$(".col_3").find(".imgunun").animate({ width:"306px" });
		
		$(".inside").slideUp(390);
		
		$(".close_open").hide();
		$(".close_open").hide();
		$(".close_open").hide();
		
		$(".open_close").show();
		$(".open_close").show();
		$(".open_close").show();
		
		$(this).hide();
		
	});
}

function idealprod_toggler(){
	$('.hidden').css("display", "none");
	$('.toggler').wrapInner("<span></span>");
	$(".toggler").click(function() {
		$(".hidden").slideUp("fast");
		$(".toggler").removeClass("current_open");
		
		$(this).next('.hidden').slideDown("fast");
		$(this).addClass("current_open");
	});
	$(".toggler").hover(function() {
		$(this).find("span").stop().animate({paddingLeft: "10px", width: "560px"});
		$(this).addClass("togghover");
	},function() {
		$(this).find("span").stop().animate({paddingLeft: "0px", width: "570px"});
		$(this).removeClass("togghover");
	});
	
}