$(document).ready(function() {

/* ---------------------------------- preparation des conteneurs */

	$(".first_level li a.lienmenu").after("<div class=\"bloc\"></div>"); // ajoute un div apres chaque lien de menu
	$("li.active").height("500px"); // ouvre le menu de la ruvrique courante
	$("li.active .bloc")
		.append($("#main")) // deplace #main dans .bloc de la rubrique courant, a la fin
		.prepend($(".intro")) // deplace .intro dans .bloc de la rubrique courant, au debut
	$("li.active .bloc #main") // ajoute des conteneurs pour la navigation du slider
		.prepend("<a class=\"next browse right\"></a><div class=\"navi\"></div>")
		.append("<a class=\"prev browse left\"></a>")
	// rassemble les exemples web et print en paquets de 3 :
	$("li.active .items dl:eq(0),li.active .items dl:eq(1),li.active .items dl:eq(2)").wrapAll("<div class=\"partrois\"></div>");
	$("li.active .items dl:eq(3),li.active .items dl:eq(4),li.active .items dl:eq(5)").wrapAll("<div class=\"partrois\"></div>");
	$("li.active .items dl:eq(6),li.active .items dl:eq(7),li.active .items dl:eq(8)").wrapAll("<div class=\"partrois\"></div>");
	$("li.active .items dl:eq(9),li.active .items dl:eq(10),li.active .items dl:eq(11)").wrapAll("<div class=\"partrois\"></div>");
	$("li.active .items dl:eq(12),li.active .items dl:eq(13),li.active .items dl:eq(14)").wrapAll("<div class=\"partrois\"></div>");
	$("li.active .scrollable").scrollable().navigator(); // active le slider (plugin jquery)
	if($("li.active").hasClass("print")){ // si la rubrique active est print, donc ouverte :
		$("li.print .bloc").css("background-position","right bottom"); // modification du background afficher la vague en bas de la zone orange
		$("li.print a.lienmenu span").css("background-position","right top"); // modification du background pour masquer la vague sur le lion
		$("a.lightbox").click(function(e){ // lightbox perso :
			e.preventDefault(); // desactive le lien par defaut
			var lienimg = $(this).attr("href"), // enregistre l'url de l'image a afficher dans la lightbox
				lientitle = $(this).attr("title"); // enregistre la valeur de l'attribut title pour la legende de la lightbox
			$("#footer").append("<div id=\"lightbox\"><div id=\"inlightbox\"><img src=\""+lienimg+"\"/><p>"+lientitle+"</p><div id=\"closebloc\"><a id=\"close\" href=\"#\">Fermer</a></div></div></div>"); // creation de la lighbox, mise en forme css
			$("#close").click(function(){ // bouton pour fermer la lightbox
				$("#lightbox").remove();
			});
		});
	};
	if($("li.active").hasClass("web")){ // si la rubrique active est web, donc ouverte :
		$("li.web .bloc").css("background-position","right bottom"); // modification du background pour afficher le pied de la baigneuse en bas de la zone bleu
		$("li.web a.lienmenu span").css("background-position","right -150px");
		$("li.bonneanse a.lienmenu span").css("background-position","right -360px");
	};
	
	$(".web a.lienmenu, .print a.lienmenu").click(function(e){
		e.preventDefault();
		var lien = $(this).attr("href"),
			blocmain = lien + " #main",
			blocintro = lien + " .plus";
		$(this).parent()
			.animate({
				height: "500px"	
			},{
				duration:500,
				easing: "easeOutQuad",
				complete:function(){
					if($(this).children(".bloc").html().length == 0){
						$(this).children(".bloc").empty().load(blocmain, function(){
							$(this).children("#main")
								.prepend("<a class=\"next browse right\"></a><div class=\"navi\"></div>")
								.append("<a class=\"prev browse left\"></a>")
							var one = $(this).find("dl").filter(":eq(0),:eq(1),:eq(2)"),
								two = $(this).find("dl").filter(":eq(3),:eq(4),:eq(5)"),
								three = $(this).find("dl").filter(":eq(6),:eq(7),:eq(8)"),
								four = $(this).find("dl").filter(":eq(9),:eq(10),:eq(11)"),
								five = $(this).find("dl").filter(":eq(12),:eq(13),:eq(14)");
							one.wrapAll("<div class=\"partrois\"></div>");
							two.wrapAll("<div class=\"partrois\"></div>");
							three.wrapAll("<div class=\"partrois\"></div>");
							four.wrapAll("<div class=\"partrois\"></div>");
							five.wrapAll("<div class=\"partrois\"></div>");
							$(this).find(".scrollable").scrollable().navigator();
							$("a.lightbox").click(function(e){
								e.preventDefault();
								var lienimg = $(this).attr("href"),
									lientitle = $(this).attr("title");
								$("#footer").append("<div id=\"lightbox\"><div id=\"inlightbox\"><img src=\""+lienimg+"\"/><p>"+lientitle+"</p><div id=\"closebloc\"><a id=\"close\" href=\"#\">Fermer</a></div></div></div>");
								$("#close").click(function(){
									$("#lightbox").remove();
								});
							});
							$(this).prepend($(this).find(".intro"));
						});
					};
					$("#footerin").load(blocintro);
				}
			})
			.siblings().animate({
				height: "60px"
			},{
				duration:500,
				easing: "easeOutQuad"
			})
		if($(this).parent().hasClass("print")){
			$("li.print .bloc").css("background-position","right bottom");
			$("li.print a.lienmenu span").css("background-position","right top");
			$("li.web a.lienmenu span").css("background-position","right -240px");
			$("li.bonneanse a.lienmenu span").css("background-position","right -300px");
		};
		if($(this).parent().hasClass("web")){
			$("li.print a.lienmenu span").css("background-position","right -90px");
			$("li.web .bloc").css("background-position","right bottom");
			$("li.web a.lienmenu span").css("background-position","right -150px");
			$("li.bonneanse a.lienmenu span").css("background-position","right -360px");
		};
	});

	$("#contact").click(function(){
		//e.preventDefault();
		$(this).attr("href","#wrapper");
		$("#contents").empty().append("<div id=\"main\"><div class=\"scrollable\"><div class=\"items\"></div></div></div>");
		$("#wrapper").find(".items").load("/contact/ .deux_colonnes", function(){
				$("#wrapper").find(".items").append("<hr class=\"clear\"/><div id=\"closebloc\"><a id=\"close\" href=\"#\">Fermer</a></div>");	
				$("#close").click(function(){
					$("#contents").empty();
				});
			})
		//var offsettop = parseInt($("body").css("height"));
		//$("body").scrollTo(0,offsettop);
	});

});