/* Script JQuery pour le fonctionnement des slideshow et carrousel */
$(document).ready(function(){

/* ================================ */
/* Partie 1 - le choix de rubriques */
/* ================================ */

	$(".slide").hide();
	$("#slide3").show();
	$("#particuliers").addClass("select");

/* Fonction de changement de slide en fonction de l'hover */
	function SelectSlide(slide) {
		// Changement de la slide
		$(".slide").hide();
		$("#slide"+slide).show();
	}

	// Affichage de la slide lors du survol sur le menu
	$("#actualites").mouseover(function() {
		SelectSlide(1);
		// Changer la class en fontcion de la sélection
		$("#actualites").addClass("select");
		$("#particuliers").removeClass("select");
		$("#professionnels").removeClass("select");
		$("#collectivites").removeClass("select");
		$("#prescripteurs").removeClass("select");
	});
	$("#particuliers").mouseover(function() {
		SelectSlide(3);
		// Changer la class en fontcion de la sélection
		$("#actualites").removeClass("select");
		$("#particuliers").addClass("select");
		$("#professionnels").removeClass("select");
		$("#collectivites").removeClass("select");
		$("#prescripteurs").removeClass("select");
	});
	$("#professionnels").mouseover(function() {
		SelectSlide(4);
		// Changer la class en fontcion de la sélection
		$("#actualites").removeClass("select");
		$("#particuliers").removeClass("select");
		$("#professionnels").addClass("select");
		$("#collectivites").removeClass("select");
		$("#prescripteurs").removeClass("select");
	});
	$("#collectivites").mouseover(function() {
		SelectSlide(5);
		// Changer la class en fontcion de la sélection
		$("#actualites").removeClass("select");
		$("#particuliers").removeClass("select");
		$("#professionnels").removeClass("select");
		$("#collectivites").addClass("select");
		$("#prescripteurs").removeClass("select");
	});
	$("#prescripteurs").mouseover(function() {
		SelectSlide(6);
		// Changer la class en fontcion de la sélection
		$("#actualites").removeClass("select");
		$("#particuliers").removeClass("select");
		$("#professionnels").removeClass("select");
		$("#collectivites").removeClass("select");
		$("#prescripteurs").addClass("select");
	});

	// Cas où l'on quitte le menu du slideshow sans avoir cliquer sur un onglet
	$("#slideshow").mouseleave(function() {
		// on supprime la class de tous les onglets sauf celui affiché
		if ($("#actualites").hasClass("select")) {
			$("#particuliers").removeClass("select");
			$("#professionnels").removeClass("select");
			$("#collectivites").removeClass("select");
			$("#prescripteurs").removeClass("select");
		}
		else if ($("#particuliers").hasClass("select")) {
			$("#actualites").removeClass("select");
			$("#professionnels").removeClass("select");
			$("#collectivites").removeClass("select");
			$("#prescripteurs").removeClass("select");
		}
		else if ($("#professionnels").hasClass("select")) {
			$("#actualites").removeClass("select");
			$("#particuliers").removeClass("select");
			$("#collectivites").removeClass("select");
			$("#prescripteurs").removeClass("select");
		}
		else if ($("#collectivites").hasClass("select")) {
			$("#actualites").removeClass("select");
			$("#particuliers").removeClass("select");
			$("#professionnels").removeClass("select");
			$("#prescripteurs").removeClass("select");
		}
		else if ($("#prescripteurs").hasClass("select")) {
			$("#actualites").removeClass("select");
			$("#particuliers").removeClass("select");
			$("#professionnels").removeClass("select");
			$("#collectivites").removeClass("select");
		}
	});


/* ======================================================== */
/* Partie 2 - les mises en avant des offres promotionnelles */
/* ======================================================== */

/* Fonction de changement d'état de la sélection des offres promotionnel */
	function SelectOffresP(position){
		switch(position)
		{
			case 0 :
				// Changer la class en fontcion de la sélection
				$("#carrousel-offre1").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre2").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre3").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre4").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre5").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre6").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre7").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 1 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre3").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre4").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre5").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre6").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre7").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 2 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre3").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre4").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre5").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre6").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre7").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 3 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre3").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre4").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre5").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre6").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre7").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 4 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre3").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre4").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre5").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre6").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre7").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 5 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre3").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre4").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre5").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre6").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre7").removeClass("carrousel-offre").addClass("carrousel-offre-select");;
				$("#carrousel-offre8").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				break;
			case 6 :
				$("#carrousel-offre1").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre2").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre3").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre4").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre5").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre6").removeClass("carrousel-offre-select").addClass("carrousel-offre");
				$("#carrousel-offre7").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				$("#carrousel-offre8").removeClass("carrousel-offre").addClass("carrousel-offre-select");
				break;

			default:
				break;
		}
	}

/* Fonction de création du carrousel des offres promotionnel */
	function CarrouselOffresP(){
	// Calcul préalables :
		// Element de référence pour la zone de visualisation (ici le premier item)
		ReferenceOffre = $("#carrousel li:first-child");
		// Décalage possible
		DecalageOffre = $("#carrousel li").length - 2;
		// Nombre d'éléments de la liste
		NbElementOffre = $("#carrousel li").length;
		// Margin-top tenant compte du margin et de la hauteur des diapos
		Deplacement = ReferenceOffre.height()+5;

		// Ciblage de la bande de diapositives
		$("#carrousel")
			// Englobage de la liste par la zone de visualisation
			.wrap('<div id="carrousel-conteneur"></div>')
			// Application d'une hauteur à la bande de diapositive afin de conserver une structrure verticale
			.css("height", (Deplacement * NbElementOffre) );
		// Ciblage de la zone de visualisation
		$("#carrousel-conteneur")
			// Application de la largeur d'une seule diapositive
			.width( ReferenceOffre.width() )
			// Application de la hauteur de tant de diapositives que l'on souhaite (2 dans le cas des offres) + 10 pour les 2 margin-top de 5px
			.height( ReferenceOffre.height()*2+10 )
			// Blocage des débordements
			.css("overflow", "hidden")
			// Placement à droite
			.css("float", "right")
			// Insertion du bouton précedent
			.before('<div id="carrousel-prev">Précédent</div>');

		$("#carrousel-prev")
			// Englobage ddu bouton par la div contenant la navigation
			.wrap('<div id="gauche_carrousel"></div>');

		// Insertion du bouton suivant
		$("#carrousel-prev")
				.after('<div id="carrousel-next">Suivant</div>');

		$("#carrousel-prev")
		// Insertion des témoins d'affichage en fonction du nombre d'offres
			for(i=1;i<NbElementOffre+1;i++) {
				$("#carrousel-next")
					.before('<div id="carrousel-offre'+i+'" class="carrousel-offre">offre'+i+'</div>');
			}

		// Initialisation du compteur
		/* valeur à changer lors du second passage de l'internaute (valeur comprise entre 0 et $("#carrousel li").length - 1)*/
		CptOffre = 0;
		$("#carrousel").css("margin-top", - (Deplacement *CptOffre));
		SelectOffresP(CptOffre);

	// Actions de navigation (au clic)
		// clic sur le bouton "Suivant"
		$("#carrousel-next").click(function() {
			// Si le compteur est inférieur au nombre de diaposives moins le nombre de diapositives visibles
			if(CptOffre < (DecalageOffre)) {
				// Ajout +1 au compteur (nous allons sur la diapositive suivante)
				CptOffre++;
				// Mouvement du carrousel en arrière-plan
				$("#carrousel").animate({
					marginTop : - (Deplacement * CptOffre)
				});
				// Changement d'état de la sélection
				SelectOffresP(CptOffre);
			}
			// fin du if
		});

		// Action du bouton "Précédent"
		$("#carrousel-prev").click(function() {
			// Si le compteur est supérieur à zéro
			if(CptOffre > 0) {
				// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
				CptOffre--;
				// Mouvement du carrousel en arrière-plan
				$("#carrousel").animate({
					marginTop : - (Deplacement * CptOffre)
				});
				// Changement d'état de la sélection
				SelectOffresP(CptOffre);
			}
			// fin du if
		});

	}

	// Appel de la fonction de création du carrousel
	CarrouselOffresP();

/* ============================ */
/* Partie 3 - la boîte à outils */
/* ============================ */

/* ==================== */
/* Partie 4 - le header */
/* ==================== */

	// Détection du navigateur pour adapter la css du formulaire de recherche (l'alignement des boutons)
	var Nom = navigator.userAgent;
		if (Nom.indexOf("MSIE") >= 0) {
			$("#recherche input[type='image']").css({'margin-bottom': '-4px'});
		}
		else if (Nom.indexOf("Chrome") >= 0) {
			$("#recherche input[type='image']").css({'margin-bottom': '-4px'});
		}
		else if (Nom.indexOf("Safari") >= 0) {
			$("#recherche input[type='image']").css({'margin-bottom': '-5px'});
		}
		else if (Nom.indexOf("Opera") >= 0) {
			$("#recherche input[type='image']").css({'margin-bottom': '-4px'});
		}

/* ==================== */
/* Partie 5 - le footer */
/* ==================== */

	// Fonction de remplacement des target="_blank" qui ne sont pas valide xhtml 1.1 strict
	$(function(){
    $('a.target').click(function(){
        window.open(this.href);
        return false;
    });
});

 });