var prev = undefined;
var next = undefined;

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-hautesaintonge.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-hautesaintonge.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);
		if(position_dans_liste == 3){
			ouverture_page(4);
		}
		else{
			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(){
		selectGaleriePicture(this);
	});

    //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-lfg.html');
        } else if (variableuh == '3') {
            $('.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-croixenternois.html');
		} else if (variableuh == '4') {
            $('.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-bresse.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-hautesaintonge.html');
        }
    });

    $(".btVoirGalerieLFG").click(function () { $('.topGaleriesSelect select').val('2'); $('.topGaleriesSelect select').change(); });
	$(".btVoirGalerieCET").click(function () { $('.topGaleriesSelect select').val('3'); $('.topGaleriesSelect select').change(); });
	$(".btVoirGalerieBresse").click(function () { $('.topGaleriesSelect select').val('4'); $('.topGaleriesSelect select').change(); });

$(".retourListeImgPrev").click(function(){ selectGaleriePicture(prev); });
$(".retourListeImgNext").click(function(){ selectGaleriePicture(next); });

});

function selectGaleriePicture(el) {
		var tmpPrev = $(el).parent().prev().children(0).attr('src');
		var tmpNext = $(el).parent().next().children(0).attr('src');
		
		if(tmpPrev == undefined){$(".retourListeImgPrev").hide();}
		else{$(".retourListeImgPrev").show(); prev = $(el).parent().prev().children(0); }
		
		if(tmpNext == undefined){$(".retourListeImgNext").hide();}
		else{$(".retourListeImgNext").show(); next = $(el).parent().next().children(0); }
		
        var lienImg = $(el).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)

    }