$(document).ready( function () {
	//Diaporama header
	$('#header').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: '308px' });
	
	//Sous Menu
	$('.subMenu').hide();
	
	var encourmenu = 0;
	var projet_en_cours = 0; //Variable générale qui prendra la valeur du projet en cours dans la page article.controll.php.
	var i = -1; //Indice de boucle.
	var titre =""; //titre a toujours remettre dans la zone d'affichage du titre des projets en phase détail de projet.
	var width_liste_projet = 0; // Taille en largeur du conteneur ul qui reçoit la liste des différents projet.	
	i++;
	$("#menu > li").mouseover( function () {
		encourmenu = $(this).attr("class");
		$("."+encourmenu+" .subMenu").show();
	});
	
	$("#menu > li").mouseout( function () {
		$("."+encourmenu+" .subMenu").hide();
	});
	
	$(window).bind("load", function() {
		$( "#conteneur_article_detail > div" ).each( function () {
			if (i==0) {
			  var temp;
			  temp = $(this).attr( "class" ).split(" ");
			  $("."+temp[1]+" .photos").slideView();
			  projet_en_cours = temp[1];
			}
			else $(this).hide ();
			i++;
		});
	});
	//Affichage du détail d'un projet en page article.controll.php.
	$( ".article_liste a" ).mouseover( function () {
		titre = $(' p.titre ').text ();
		$(' p.titre ').html($(this).attr("title"));
	});
	$( ".article_liste a" ).mouseout( function () {
		$(' p.titre ').html(titre);
	});
	$( ".article_liste a" ).click( function () {
		//Evite un bug en relation avec le plugin slideview
		$("div#conteneur_article_detail #stripTransmitter0").remove();
		//On masque le projet en cours affiché pour pouvoir affcihé le nouveau.
		if (parseInt(projet_en_cours)!=0) $( "#conteneur_article_detail > div."+projet_en_cours ).hide ();
		//On modifie la variable projet_en_cours pour lui attibuer l'identifiant du nouveau projet en cours.
		projet_en_cours = $(this).attr( "class" );
		//On cache la présentation de la rubrique.
		$( "#srubrique" ).hide ();
		//On affiche le détail du projet sélectionné.
		$( "#conteneur_article_detail > div."+$(this).attr( "class" ) ).fadeIn ( "slow" );
		//Slide des photos d'un projet.
		$("."+projet_en_cours+" .photos").slideView();
	});

	//Affichage des projets en phase liste, on compte le nombre de projet et on additionne leurs taille pour générer la taille en largeur du conteneur ul.
	$('#conteneur_article_liste ul > li').each ( function () {
		width_liste_projet += $(this).width ();
	});
	//On attribue la taille au conteneur ul.
	$('#conteneur_article_liste ul').width(width_liste_projet+'px')
	
});