﻿jQuery(document).ready(function() {
	
	//initialisations
	$("div#footer").hide();
	$("div.agenda_aprem").hide();
	$("div.ville_agenda").hide();
	$("div.ville_agenda").eq(0).show();
	$("div.modeles_box").hide();
	$("div.modeles_box").eq(0).show();
	$("div.circuits_mythiques_box").hide();
	$("div.circuits_mythiques_box").eq(0).show();
	$("div.galeriesPleinEcran_box").hide();
	reset_page_Galeries();
	
	//recupère le nombre de page et défini les paramètres utiles
	var page = 0;
	var lapage = 0;
	var position_dans_liste = 0;
	var marginleft_position_page = 0;
	var margintop_position_menu = 0;
	var nbpage = $(".jFlowControl").length;
	var width_total_pages = $(".jFlowControl").length*780;
	var vitesse_slide = 500;
	var vitesse_accordeon = 250;
	var vitesse_menu = 500;
	var margintop_bloc_pages = 450;
	var niveau_opacite = 0.60;
	// if($.browser.msie) {
		// niveau_opacite = 1;
	// }
	
	//fonction reset pages
	function reset_page_Programmes() {
	
		$("div.programmes_onglets ul li a").removeClass("selected");
		$("div.programmes_onglets ul li a").eq(0).addClass("selected");
		margintop_position_menu = 0;
		$(".bloc_programmes_box").css({marginTop:margintop_position_menu});
	
	}
	
	function reset_page_Circuits() {
		$("div.circuits_mythiques_box").hide();
		$("div.circuits_mythiques_box").eq(0).show();
	}
	
	function reset_page_Circuits_spec() {
		$("div.circuits_mythiques_box").fadeOut();
		$("div.circuits_mythiques_box").fadeIn();
	}	
	
	function reset_page_Motos_spec() {
		$("div.modeles_box").fadeOut();
		$("div.modeles_box").fadeIn();
	}
	
	function reset_page_Motos() {
		$("div.modeles_box").hide();
		$("div.modeles_box").eq(0).show();
	}
	
	function reset_page_Galeries() {
		$("div.galeriesPleinEcran_box").hide();
		$("div.galeries_photos_box").show();
		$('.circuit02').hide();
		$("div.topGaleriesSelect ul li a").removeClass("selected");
		$("div.topGaleriesSelect ul li a").eq(0).addClass("selected");
		$("div.topGaleriesSelect select option").eq(0).attr("selected","selected");
		$('.bloc_groupe_photos').load('pages/galerie-circuit-lfg.html');
	}
	
	function reset_page_Galeries_spec() {
		$("div.galeriesPleinEcran_box").fadeOut();
		$("div.galeries_photos_box").fadeIn('slow');
		$('.circuit02').hide();
		$("div.topGaleriesSelect ul li a").removeClass("selected");
		$("div.topGaleriesSelect ul li a").eq(0).addClass("selected");
		$("div.topGaleriesSelect select option").eq(0).attr("selected","selected");
		$('.bloc_groupe_photos').load('pages/galerie-circuit-lfg.html');
	}
	
	function resetPages(lapage) {
		
		switch (lapage) {
			case 1:
				// reset_page_Circuits();
				reset_page_Motos();
				reset_page_Galeries();
			break;
			case 2:
				// reset_page_Circuits();
				reset_page_Programmes();
				reset_page_Galeries();
			break;
			case 3:
				// reset_page_Circuits();
				reset_page_Programmes();
				reset_page_Motos();
				reset_page_Galeries();
			break;
			case 4:
				// reset_page_Circuits();
				reset_page_Programmes();
				reset_page_Motos();
			break;
			case 5:
				// reset_page_Circuits();
				reset_page_Programmes();
				reset_page_Motos();
				reset_page_Galeries();
			break;
			case 'footcirc':
				reset_page_Circuits();
			break;
			case 'tout':
				reset_page_Circuits();
				reset_page_Programmes();
				reset_page_Motos();
				reset_page_Galeries();
			break;
			default:
				reset_page_Programmes();
				reset_page_Motos();
				reset_page_Galeries();
			break;
			}
	
	};
	
	//ouverture bloc pages
	function ouverture_page(lapage) {
		resetPages(lapage);
		switch (lapage) {
			case 1:
				margintop_bloc_pages = 0;
				$(".jFlowControl").eq(0).removeClass("jFlowSelected");
				page=1;
				$(".jFlowControl").eq(page).addClass("jFlowSelected");
				marginleft_position_page = page*-780+"px";
				$("#slider").css( {marginLeft:marginleft_position_page});
				$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500);
				$(".zone_centre_home").fadeOut();
			break;
			case 2:
				margintop_bloc_pages = 0;
				$(".jFlowControl").eq(0).removeClass("jFlowSelected");
				page=2;
				$(".jFlowControl").eq(page).addClass("jFlowSelected");
				marginleft_position_page = page*-780+"px";
				$("#slider").css( {marginLeft:marginleft_position_page});
				$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500);
				$(".zone_centre_home").fadeOut();
			break;
			case 3:
				margintop_bloc_pages = 0;
				$(".jFlowControl").eq(0).removeClass("jFlowSelected");
				page=3;
				$(".jFlowControl").eq(page).addClass("jFlowSelected");
				marginleft_position_page = page*-780+"px";
				$("#slider").css( {marginLeft:marginleft_position_page});
				$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500);
				$(".zone_centre_home").fadeOut();
			break;
			case 4:
				margintop_bloc_pages = 0;
				$(".jFlowControl").eq(0).removeClass("jFlowSelected");
				page=4;
				$(".jFlowControl").eq(page).addClass("jFlowSelected");
				marginleft_position_page = page*-780+"px";
				$("#slider").css( {marginLeft:marginleft_position_page});
				$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500);
				$(".zone_centre_home").fadeOut();
			break;
			default:
				page = 0;
				margintop_bloc_pages = 0;
				marginleft_position_page = (page)*-780+"px";
				$("#slider").css( {marginLeft:marginleft_position_page});
				$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500);
				$(".zone_centre_home").fadeOut();
			break;
		}
		
	 };
	
	// vignette item home - passage du curseur
    $(".vignettes_home_item").hover(function () {
	
		//empeche la repetition d'animations
	    if (!$(this).is(':animated')) {		
			$(this).find(".vignettes_home_illustr").animate( {"height":"122px"}, 300);
			$(this).animate( {marginTop: "0px"}, 300);
			$(this).children(".vignettes_home_item_middle").animate( {"height":"122px"}, 300);
			$(this).removeClass("onRien");
			$(this).addClass("onHover");
			$("div.onRien").css( {opacity:0.60});
	    }

     }, function () {
		$(this).find(".vignettes_home_illustr").animate( {
			"height":"66px",
			"padding-top":"0px"
		}, 300);
		$(this).animate( {marginTop:"28px"}, 300);
		$(this).children(".vignettes_home_item_middle").animate( {"height":"66px"}, 300);
		$(this).removeClass("onHover");
		$(this).addClass("onRien");
		$("div.onRien").css( {opacity:1});
		
     });
	 
	 // fermeture du bloc page pour retourner à l'accueil
	 $(".accueil").click(function(){
		margintop_bloc_pages = 450;
		$("#main_content").animate( {marginTop:margintop_bloc_pages+"px"}, 500, function(){
			resetPages('tout');
		});
		$(".zone_centre_home").fadeIn();
		$(".jFlowControl").eq(page).removeClass("jFlowSelected");
		page = 0;
		$(".jFlowControl").eq(page).addClass("jFlowSelected");
	 });	
	 
	 // vignette home - click sur les vignettes
	 $("div.vignettes_home_item").click(function(){
		position_dans_liste = $("div.vignettes_home_item").index(this);
		ouverture_page(position_dans_liste);
	 });
	 
	 //menu footer - au click
	 $("div#footer_top ul li a.menuFooter").click(function(){
		//recupere la position de l'élément dans sa liste propre
		position_dans_liste = $("div#footer_top ul li a.menuFooter").index(this);
		
		//test si le bloc pages est déjà ouvert
		if (margintop_bloc_pages == 450) {
			ouverture_page(position_dans_liste);
		} else {
			if (position_dans_liste == 0 && page == 0) reset_page_Circuits_spec();
			if (position_dans_liste == 0 && page != 0) resetPages('footcirc');
			if (position_dans_liste == 2 && page == 2) reset_page_Motos_spec();
			if (position_dans_liste == 4 && page == 4) reset_page_Galeries_spec();
			resetPages(page);
			page = position_dans_liste;
			$(".jFlowControl").eq(page).removeClass("jFlowSelected");
			marginleft_position_page = page*-780+"px";
			$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
			$(".jFlowControl").eq(page).addClass("jFlowSelected");
		}
	 
	 });
	 
	 //Bouton Voir Galerie - au click
	 $("a.btVoirGalerie").click(function(){
	 
		page = 4;
		reset_page_Galeries();
		$(".jFlowControl").eq(page).removeClass("jFlowSelected");
		marginleft_position_page = page*-780+"px";
		$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
		$(".jFlowControl").eq(page).addClass("jFlowSelected");
	 
	 });
	 
	 //click fleche - page précédente
	 $(".jFlowPrev").click(function(){
		resetPages(page);
		if (page == 0) {
			$(".jFlowControl").eq(page).removeClass("jFlowSelected");
			marginleft_position_page = (nbpage-1)*-780+"px";
			$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
			page = nbpage-1;
			$(".jFlowControl").eq(page).addClass("jFlowSelected");
		} else {
			$(".jFlowControl").eq(page).removeClass("jFlowSelected");
			page--;
			marginleft_position_page = page*-780+"px";
			$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
			$(".jFlowControl").eq(page).addClass("jFlowSelected");
		}
	 
	 });
	 
	 //click fleche - page suivante
	 $(".jFlowNext").click(function(){
		resetPages(page);
		if (page == nbpage-1) {
			$(".jFlowControl").eq(page).removeClass("jFlowSelected");
			marginleft_position_page = 0+"px";
			$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
			page = 0;
			$(".jFlowControl").eq(page).addClass("jFlowSelected");
		} else {
			$(".jFlowControl").eq(page).removeClass("jFlowSelected");
			page++;
			marginleft_position_page = page*-780+"px";
			$("#slider").animate( {marginLeft:marginleft_position_page},vitesse_slide);
			$(".jFlowControl").eq(page).addClass("jFlowSelected");
		}
	 
	 });
	 
	// accordeon circuits - passage du curseur
    $(".container_modele_01").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_modele_02").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_03").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_modele_02").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_modele_01").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_03").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_modele_03").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_modele_01").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_02").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_modele_04").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_modele_01").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_02").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_modele_03").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".circuits_mythiques_box").bind("mouseout", function () {
		// empeche la repetition d'animations
			$(".container_modele").stop(true,false);
			$(".container_modele").animate( {height:"107px",opacity:1},vitesse_accordeon);
     });

	 //accordeon circuits - au click
	$("div.circuits_mythiques_box a.container_modele").click(function(){
		position_dans_liste = $("div.circuits_mythiques_box a.container_modele").index(this);
		$("div.circuits_detail_onglets ul li a").removeClass("selected");
		$("div.circuits_detail_onglets ul li a").eq(position_dans_liste).addClass("selected");
		margintop_position_menu = position_dans_liste*-434+"px";
		$(".bloc_circuits_detail_box").css( {marginTop:margintop_position_menu});
		$("div.circuits_mythiques_box").fadeOut();
		$("div.circuits_mythiques_box").eq(1).fadeIn('slow');
	});
	 
	 //menu circuits
	$("div.circuits_detail_onglets ul li a").click(function(){
		position_dans_liste = $("div.circuits_detail_onglets ul li a").index(this);
		$("div.circuits_detail_onglets ul li a").removeClass("selected");
		$(this).addClass("selected");
		margintop_position_menu = position_dans_liste*-434+"px";
		$(".bloc_circuits_detail_box").animate( {marginTop:margintop_position_menu},vitesse_menu);
	});
	 
	// accordeon motos - passage du curseur
    $(".container_moto_01").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_moto_02").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_03").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_moto_02").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_moto_01").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_03").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_moto_03").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_moto_01").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_02").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(".container_moto_04").animate( {height:"87px",opacity:niveau_opacite},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".container_moto_04").bind("mouseover", function () {
		//empeche la repetition d'animations
		$(".container_modele").stop(true,false);
		$(".container_moto_01").animate( {height:"87px",opacity:0.60},vitesse_accordeon);
		$(".container_moto_02").animate( {height:"87px",opacity:0.60},vitesse_accordeon);
		$(".container_moto_03").animate( {height:"87px",opacity:0.60},vitesse_accordeon);
		$(this).animate( {height:"167px",opacity:1},vitesse_accordeon);
		
     });
    $(".modeles_box").bind("mouseout", function () {
		// empeche la repetition d'animations
			$(".container_modele").stop(true,false);
			$(".container_modele").animate( {height:"107px",opacity:1},vitesse_accordeon);
     });
	
	//accordeon motos - au click
	$("div.modeles_box a.container_modele").click(function(){
		position_dans_liste = $("div.modeles_box a.container_modele").index(this);
		$("div.ecole_pilotage_onglets ul li a").removeClass("selected");
		$("div.ecole_pilotage_onglets ul li a").eq(position_dans_liste).addClass("selected");
		margintop_position_menu = position_dans_liste*-434+"px";
		$(".bloc_ecole_pilotage_box").css( {marginTop:margintop_position_menu});
		$("div.modeles_box").fadeOut();
		$("div.modeles_box").eq(1).fadeIn('slow');
	});
	
	//pages galeries - au click
	$("div.topGaleriesSelect ul li a").click(function(){
		position_dans_liste = $("div.topGaleriesSelect ul li a").index(this);
		$("div.topGaleriesSelect ul li a").removeClass("selected");
		$(this).addClass("selected");
		margintop_position_menu = position_dans_liste*-392+"px";
		$(".groupe_photos").animate( {marginTop:margintop_position_menu},vitesse_menu);
	});
	
	//menu motos
	$("div.ecole_pilotage_onglets ul li a").click(function(){
		position_dans_liste = $("div.ecole_pilotage_onglets ul li a").index(this);
		$("div.ecole_pilotage_onglets ul li a").removeClass("selected");
		$(this).addClass("selected");
		margintop_position_menu = position_dans_liste*-434+"px";
		$(".bloc_ecole_pilotage_box").animate( {marginTop:margintop_position_menu},vitesse_menu);
	});
	
	//menu programmes
	$("div.programmes_onglets ul li a").click(function(){
		position_dans_liste = $("div.programmes_onglets ul li a").index(this);
		$("div.programmes_onglets ul li a").removeClass("selected");
		$(this).addClass("selected");
		margintop_position_menu = position_dans_liste*-434+"px";
		$(".bloc_programmes_box").animate( {marginTop:margintop_position_menu},vitesse_menu);
	});
	
	//switch agenda - matin / aprem
	$("li.day_part_01 a").click(function(){
		$("li.day_part_02 a").removeClass("selected");
		$(this).addClass("selected");
		$("div.agenda_aprem").hide();
		$("div.agenda_matin").show();
	});
	$("li.day_part_02 a").click(function(){
		$("li.day_part_01 a").removeClass("selected");
		$(this).addClass("selected");
		$("div.agenda_matin").hide();
		$("div.agenda_aprem").show();
	});	
	
	//switch agenda - ville
	$("div.sub_onglets ul li a").click(function(){
		position_dans_liste = $("div.sub_onglets ul li a").index(this);
		$("div.sub_onglets ul li a").removeClass("selected");
		$(this).addClass("selected");
		$("div.ville_agenda").hide();
		$("div.ville_agenda").eq(position_dans_liste).show();
	});
	
	//agrandir photo - click
	$(".vignette_galerie img").live("click", function(){
		var lienImg = $(this).attr('src');
		lienImg2 = lienImg+'-max.jpg';//image agrandi
		lienImgOriginal = lienImg+'-upl.jpg';//image a telecharger
		$("div.vignette_pleinEcran").html('<img src="'+lienImg2+'" alt="" />');
		$("div.galeries_photos_box").fadeOut();
		$("div.galeriesPleinEcran_box").fadeIn('slow');
		
		//
		//Définit le lien du bouton téléchager
		//		
		var currentLocation =  document.location.href;
		// currentLocation = currentLocation.substring( 0 ,currentLocation.lastIndexOf( "/" ) );
		// lienImgOriginal = lienImgOriginal.substring(lienImgOriginal.lastIndexOf( "/" ) );
		// corrige le bug IE qui récupère le chemin complet
		var nomDeDomaine = currentLocation;
		// nomDeDomaine = nomDeDomaine.substring( 0 ,nomDeDomaine.lastIndexOf( "index" ) );
		// alert(currentLocation+' -- '+nomDeDomaine+' -- '+lienImgOriginal);
		nomDeDomaine = nomDeDomaine.replace("#", "");
		lienImgOriginal = lienImgOriginal.replace(nomDeDomaine, "");

		$("a.TelechargerImg").attr("href", 'images.aspx?img='+lienImgOriginal)
		
	});
	
	//retour galerie - click
	$("a.retourListeImg").click(function(){
		$("div.galeriesPleinEcran_box").fadeOut();
		$("div.galeries_photos_box").fadeIn('slow');
	});
	
	//changement circuit
	$('.topGaleriesSelect select').change(function () {
		var variableuh = $(this).attr('value');
		if(variableuh=='2') {
			
			$('.circuit02').show();
			$("div.topGaleriesSelect ul li a").removeClass("selected");
			$("div.topGaleriesSelect ul li a").eq(0).addClass("selected");
			$('.bloc_groupe_photos').load('pages/galerie-circuit-ales.html');
		} else {
			$('.circuit02').hide();
			$("div.topGaleriesSelect ul li a").removeClass("selected");
			$("div.topGaleriesSelect ul li a").eq(0).addClass("selected");
			$('.bloc_groupe_photos').load('pages/galerie-circuit-lfg.html');
		}
	});
	
});
