$(document).ready(function(){
	initListeProjets();
	ouvertureProjetAccueil();
	
//	afficherPlusProjet();
	defilerProjets();
	initActualite();
});


function defilerProjets(){

	$("#default #liste-projets>ul>li").each(function(){
		var nbProjetsParListe = $("li",this).length;

		if(nbProjetsParListe>palier){
			$id = $(this).attr("id").split('-');
			numero = $id[2];

			$(this).append('<div class="pager"><a id="moins-'+numero+'" href="#" class="previousprojects off">Précédents</a><a id="plus-'+numero+'" href="#" class="nextprojects on">Suivants</a></div>');
			//on affecte des classes pour chaque projets, pour les hide et show
			//il faut le début et la fin pour chaque selection
			var nombrePage = Math.floor(nbProjetsParListe/palier);
			//on affiche que les projets du premier palier
			$("li:not(.palier-0)",this).hide();
			
			$(".prems",$("#projets-etat-"+numero)).removeClass("small").addClass("big");
			$(".prems h4>span",$("#projets-etat-"+numero)).removeClass("close").addClass("open");
			$(".prems .contenu",$("#projets-etat-"+numero)).slideDown();
			
		}
	});
	
	$(".nextprojects").click(function(e){
		//tester("nextprojects");
		e.preventDefault();
		numeroListe = $(this).attr("id").split('-')[1];
		//récupération du palier actif
		listePrincipale = "#projets-etat-"+numeroListe+" ul li:visible";
		classes = $(listePrincipale).attr("class").split(" ");
		dernierPalier = Math.floor($("#projets-etat-"+numeroListe+" ul li").length / palier);
		if($("#projets-etat-"+numeroListe+" ul li").length % palier ==0 )
			dernierPalier --;
		
		numeroPalierActuel = parseInt(classes[1].split("-")[1]);

		if(numeroPalierActuel + 1 <= dernierPalier ){
			if(numeroPalierActuel + 1 == dernierPalier ){
				$(this).removeClass("on").addClass("off");
			}
			if($("#moins-"+numeroListe).hasClass("off")){
				$("#moins-"+numeroListe).removeClass("off").addClass("on");
			}
			suivant = parseInt(numeroPalierActuel) + 1;
			//tester("test");

				$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
				$(".palier-"+suivant,$("#projets-etat-"+numeroListe)).show("0,4");
				//tester("LE TEST");
				//tester(suivant);
				//tester($(".palier-"+suivant,$("#projets-etat-"+numeroListe)).hasClass("big"));
				//tester("FIN TEST");
				if(!$(".palier-"+suivant,$("#projets-etat-"+numeroListe)).hasClass("big")){
					//tester("la");
					//on ouvre le premier car aucun est ouvert
					$(".prems",$("#projets-etat-"+suivant)).removeClass("small").addClass("big");
					$(".prems h4>span",$("#projets-etat-"+numeroListe)).removeClass("close").addClass("open");
					$(".prems .contenu",$("#projets-etat-"+numeroListe)).slideDown("0",function(){
						$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
						$(".palier-"+suivant,$("#projets-etat-"+numeroListe)).show("0,8");
					});
				}else{
					//tester("ici");
					$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
					$(".palier-"+suivant,$("#projets-etat-"+numeroListe)).show("0,8");
				}
			
		}
	});
	
	$(".previousprojects").click(function(e){
		//tester("previousprojects");
		e.preventDefault();
		numeroListe = $(this).attr("id").split('-')[1];
		//récupération du palier actif
		listePrincipale = "#projets-etat-"+numeroListe+" ul li:visible";
		classes = $(listePrincipale).attr("class").split(" ");
		numeroPalierActuel = parseInt(classes[1].split("-")[1]);
		if(numeroPalierActuel - 1 >= 0 ){
			if(numeroPalierActuel - 1 == 0 ){
				$(this).removeClass("on").addClass("off");
			}
			if($("#plus-"+numeroListe).hasClass("off")){
				$("#plus-"+numeroListe).removeClass("off").addClass("on");
			}
			ancien = parseInt(numeroPalierActuel) - 1;
			$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
			$(".palier-"+ancien,$("#projets-etat-"+numeroListe)).show("0,8");
			//tester("LE TEST");
			//tester(suivant);
			//tester($(".palier-"+ancien,$("#projets-etat-"+numeroListe)).hasClass("big"));
			//tester("FIN TEST");
			if(!$(".palier-"+ancien,$("#projets-etat-"+numeroListe)).hasClass("big")){
				//tester("la");
				//on ouvre le premier car aucun est ouvert
				$(".prems",$("#projets-etat-"+ancien)).removeClass("small").addClass("big");
				$(".prems h4>span",$("#projets-etat-"+numeroListe)).removeClass("close").addClass("open");
				$(".prems .contenu",$("#projets-etat-"+numeroListe)).slideDown("0",function(){
					$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
					$(".palier-"+ancien,$("#projets-etat-"+numeroListe)).show("0,8");
				});
			}else{
				//tester("ici");
				$(".palier-"+numeroPalierActuel,$("#projets-etat-"+numeroListe)).hide("0,4");
				$(".palier-"+ancien,$("#projets-etat-"+numeroListe)).show("0,8");
			}
		}

	});
}


//Affiche les projets lors du clic "voir plus"
//affichage par palier de "var palier"
function afficherPlusProjet(){
	$("#liste-projets>ul>li").each(function(){
		var nbProjetsParListe = $("li",this).length;
		if(nbProjetsParListe>palier){
			$id = $(this).attr("id").split('-');
			numero = $id[2];
			$(this).append('<a id="plus-'+numero+'" href="#" class="moreprojects">Afficher plus de projets</a>')
			$("li",this).slice(palier).hide();
		}
	});
	
	$(".moreprojects").click(function(e){
		e.preventDefault();
		idListe = $(this).attr("id").split('-');
		numeroListe = idListe[1];
		//on compte le nombre de projets qui ne sont pas affichés
		listePrincipale = "#projets-etat-"+numeroListe+" ul li:hidden";
		nbProjetsCaches = $(listePrincipale).length;

		if(nbProjetsCaches>0){
			if(nbProjetsCaches>palier){
				$(listePrincipale).slice(0,palier).show("0,5");
			}else{
				$(listePrincipale).show("0,5");
				$("#plus-"+numeroListe).remove();
			}
		}
	});
	
}

/*
travail sur les différents clics
*/
function initActualite(){
//	traitementBreve($("#home #breves .elem-actu"),true);
	$(".breve").css("cursor","pointer");
	$("#breves .elem-actu").live("click" ,function(e){
		e.preventDefault();
		changementActualite($(this),$(this).parent().attr('id').substr(6));
	});
}

/*
Analyse de l'objet cliqué, pour executer les transformations
*/
function changementActualite(obj,numeroLi){
	//tester("#####changementActualite######");
	//destruction objet en une et mise en place de celui en breve
	$ancienneUne = $("#une .elem-actu");
	$breve = obj;
	obj.remove();
	chaine = "#breve_"+numeroLi;
	
	$(chaine).append($ancienneUne);
	$("#une").append($breve);

	animationActuFade($breve);
	animationActuFade($ancienneUne);
//	traitementBreve($ancienneUne,true);
//	traitementBreve($breve,false);
}

function animationActuFade(div){
	div.animate(
	 { opacity: 0 }, 
	 {
	  duration: 0, 
	  complete: function() { 
	   	div.animate(
		 { opacity: 1 }, 
		 {
		  duration: 'slow'
		 });
	  }
	 });
}

function traitementBreve(div,bool){
	if(bool){
		$(".content",div).append('<p class="next">Agrandir et lire la suite</p>');
	}else{
		$("p.next",div).remove();
	}
}

//ouvre/ferme les projets lors des clics
function ouvertureProjetAccueil(){
	$(".projets ul").each(function(index) {//on ferme tous les projets sauf les premiers de liste
	    $("li:not(:first) div.contenu",$(this)).hide();
		$("li:first h4 span",$(this)).removeClass("close").addClass("open");
		$("li:first",$(this)).removeClass("small").addClass("big");
	});
	
	$("#liste-projets ul li ul li h4 span").css('cursor','pointer');
	$("#liste-projets ul li ul li h4 span").click(function(e){//clic sur le titre du projet
		e.preventDefault();
		$liParent = $(this).parent().parent();
		$ulParent = $liParent.parent().parent();
		$div = $("div.contenu",$liParent);

		if($liParent.hasClass("small")){//on ouvre
			//on doit refermer tous les projets du meme état qui sont ouverts
			$liConcernes = $("li.big:visible",$ulParent);
		
			$div2=$("div.contenu",$liConcernes);			//tester($div2);
			$div2.slideUp('fast');
			$("h4 span",$liConcernes).removeClass("open").addClass("close");
			$liConcernes.addClass("small").removeClass("big");


			$div.slideDown('fast');
			$("h4 span",$liParent).removeClass("close").addClass("open");
			$liParent.removeClass("small").addClass("big");
		}else{
			$div.slideUp('fast');
			$("h4 span",$liParent).removeClass("open").addClass("close");
			$liParent.removeClass("big").addClass("small");
		}
	
	});
	
	$("#liste-projets ul li ul li div.contenu").click(function(){//clic sur le corps d'un projet dans les listes
		$liParent = $(this).parent()	;
		link = $("h4 a",$liParent).attr("href");//recupération du lien du projet
		window.location = link;
	});
}



function initListeProjets(){
	changementEtat($('#etat_filter option:selected').val());
	$('#etat_filter').change(function(){
		changementEtat($('option:selected',this).val());
	});
}

function changementEtat(etat){
	if(etat>=0){
		$('ul.listeElems>li').hide();
		$('ul.listeElems>li.etat_'+etat+'').show();	
	}
	else
		$('ul.listeElems>li').show();
}