/*

	Bibliothèque de fonctions javascript pour le site 'La Route des Cols'
	
	Fonctions contenues dans ce fichier : 
	 + changeListSelectStart()
	 + changeListSelectStop()
	 + changeInfoEtapeStart()
	 + changeInfoEtapeStop()
	 + afficheInfoStepStart()
	 + addStartStopPoi()
	 + initProfile(transport)
	 + afficheInfoDefault(transport)
	 + afficheInfo()
	 + afficheItineraireDefault(transport)
	 + afficheItineraire()
	 + changeTitleHebergement(id)
	 + afficheInfoOt(id,insee)
	 + reInitInfo()
	 + afficheInfoHebergement(id,insee)
	 + redirectTop()
	 + afficheInfoPatri(id,insee)
	 + setHeightPageNews()
	 + addToCookie(type,id)
	 + removeItiFromCookie(id1,id2)
	 + changeTitleItiRoadmapDetails(id,id1,id2)
	 + updateProfileRoadmap(id1,id2)
	 + afficheInfoRoadmap(id1,id2)
	 + getStepItiRoadmap(id1,id2)
	 + replaceRoadmapFooter()
	 + toggleInfoRoadmapStep(id)
	 + toggleHeb(id)
	 + togglePatri(id)
	 + togglePatriDetail(id)
	 + removeHebFromCookie(id)
	 + removePatriFromCookie(id)
	 + displayShowItiButton()
	 + showItiButton()
	 + displayFlash(swf, hauteur, largeur, alternatif)
	 + displayRoute()

*/


/* déclaration variables */
var markStart;
var markStop;

/* 	
	Nom de la fonction :changeListSelectStart
	But : 	modifie la liste de sélection de l'étape de départ en fonction du département choisi
	Entrée :---
	Sortie : ---
	Date de dernière modification : 08-04-09
	Usage :	---
	
*/

function changeListSelectStart(){
	
    iddept=$("#start_dept").val();
    transport = $("#mode_transport").val();
    $.post("./function/getStepStart.php", 
    {
        idDept:iddept,
        transport:transport
    },
    function(data){
        $("#content_explore_select_start_etape").html(data);
        $("#start_etape").change();
    },
    "html");
}


/* 	
	Nom de la fonction : changeListSelectStop
	But : modifie la liste de sélection de l'étape de d'arrivée en fonction du département choisi
	Entrée : ---
	Sortie : ---
	Date de dernière modification : 08-04-09
	Usage :	---
	
*/

function changeListSelectStop(){

    iddept=$("#stop_dept").val();
    transport = $("#mode_transport").val();
    $.post("./function/getStepStop.php",
    {
        idDept:iddept,
        transport:transport
    },
    function(data){
        $("#content_explore_select_stop_etape").html(data);
        $("#stop_etape").change();
    },
    "html");
	
}


function changeIti(){
    
    //récupération du type d'itineraire choisi
    var typeIti = document.getElementById('itineraire').value;
    //var divSelect = document.getElementById("content_explore_select");//informations sur le départ et l'arrivée
    var divSelectStart = document.getElementById("content_explore_select_start");//informations sur le départ et l'arrivée
    var divSelectStop = document.getElementById("content_explore_select_stop");//informations sur le départ et l'arrivée
    var divSeparation1 = document.getElementById("content_explore_select_separation1");//
    var divSeparation2 = document.getElementById("content_explore_select_separation2");//
    var divInfo = document.getElementById("content_explore_info");//information sur le dénivelé
    var divVar = document.getElementById("content_explore_variantes");//infos sur les variantes
    //en fonction, on affiche soit la liste des boucles soit la liste des variantes journée
    if(typeIti != 'principal'){
        //que l'utilisateur ait choisi les boucles ou les variantes,
        //on cache l'affichage "standard" de l'itineraire principal
        divSelectStart.style.display = "none";
        divSelectStop.style.display = "none";
        divSeparation2.style.display = "none";
        divSeparation1.style.display = "none";
        $("#mode_transport").attr("disabled", "disabled");
        //document.getElementById("content_header_top_select").disabled = true;
        //divInfo.style.display = "none";
        divVar.style.display = "block";
        if ( typeIti === 'boucles' ){
            $("#content_explore_variantes").load('./function/getBoucles.php');
        }else{ //typeIti == variantes
            $("#content_explore_variantes").load('./function/getVariantes.php');
        }
    }else{
        $("#mode_transport").removeAttr("disabled");
        //document.getElementById("content_header_top_select").disabled = false;
        //on réaffiche les infos sur l'itinéraire principal
        divVar.style.display = "none";
        divSelectStart.style.display = "block";
        divSelectStop.style.display = "block";
        divSeparation2.style.display = "block";
        divSeparation1.style.display = "block";
        //divInfo.style.display = "block";
        changeListSelectStop();
        changeListSelectStart();
        changeInfoEtapeStart();
        changeInfoEtapeStop();
        //afficheItineraire();
       // updateCarto();
       var rdc = new GGeoXml("http://<?echo $gmaps_url;?>/google_maps/rdc_final9.kml");
        var map = Ext.getCmp('carto').getMap().setCenter(new GLatLng(42.8, 1), 7);
        /*var coucheNode=Ext.getCmp('tree-panel').getNodeById(2);
        coucheNode.select();
        if (coucheNode.getUI().isChecked()){
            coucheNode.getUI().toggleCheck(false);
        }
        coucheNode=Ext.getCmp('tree-panel').getNodeById(3);
        coucheNode.select();
        if (coucheNode.getUI().isChecked()){
            coucheNode.getUI().toggleCheck(false);
        }*/
    }
}

function displayVariante(){
    var select  = document.getElementById('choixVariante');
    var idVariante = select.options[select.selectedIndex].value;
    if(idVariante != ""){
        //idVariante = ('#choixVariante').val();
        //affichage des détails de la variante grâce à un chagement de page AJAX
        $('#content_explore_variantes_detail').load("./function/detailVariante.php?idVariante="+idVariante);

        //mise à jour du profil de l'itinéraire
        $('#content_explore_info_resume_content_start_text').load("./function/getStart.php?idIti="+idVariante);
        $('#content_explore_info_resume_content_stop_text').load("./function/getStop.php?idIti="+idVariante);

        //mise à jour des infos générales du profil de l'itinéraire et ajout du KML dans la carte
        $('#content_explore_info_resume_info').load("./function/getInfos.php?idIti="+idVariante);

        //mise à jour du profil en flash de l'étape
        $('#content_explore_info_profil_flash').load("./function/getProfil.php?idIti="+idVariante);
    }
}

function displayBoucle(){
    var select  = document.getElementById('choixBoucle');
    var idBoucle = select.options[select.selectedIndex].value;
    if(idBoucle!=""){
        //affichage des détails de la variante grâce à un chagement de page AJAX
        $.post("./function/detailBoucle.php", {idBoucle:idBoucle}, function(data){$('#content_explore_variantes_detail').html(data);}, "html");
        //$('#content_explore_variantes_detail').load("./function/detailBoucle.php?idBoucle="+idBoucle);

        //mise à jour du profil de l'itinéraire
        //vu que c'est une boucle, le point de départ est le même que le point d'arrivée
        $('#content_explore_info_resume_content_start_text').load("./function/getStart.php?idIti="+idBoucle);
        $('#content_explore_info_resume_content_stop_text').load("./function/getStart.php?idIti="+idBoucle);

        //mise à jour des infos générales du profil de l'itinéraire et ajout du KML dans la carte
        $('#content_explore_info_resume_info').load("./function/getInfos.php?idIti="+idBoucle);


        //mise à jour du profil en flash de l'étape
        $('#content_explore_info_profil_flash').load("./function/getProfil.php?idIti="+idBoucle);
    }
}

/* 	
	Nom de la fonction :				changeInfoEtapeStart
	But : 								modifie le bloc d'informations de l'étape de départ
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	21-04-09
	Usage :								---
	
*/

function changeInfoEtapeStart(){
	
    updateProfile();
    afficheInfo();
    afficheItineraire();
    addStartStopPoi();


    idetape = $("#start_etape").val();
    $.post("./function/getLibStep.php",
    {
        idEtape:idetape
    },
    function(data){
        $("#content_explore_info_resume_content_start_text").html(data);
    },
    "html");
}


/* 	
	Nom de la fonction :				changeInfoEtapeStop
	But : 								modifie le bloc d'informations de l'étape d'arrivée
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	21-04-09
	Usage :								---
	
*/

function changeInfoEtapeStop(){
	
    updateProfile();
    afficheInfo();
    afficheItineraire();
    addStartStopPoi();


    idetape = $("#stop_etape").val();
    $.post("./function/getLibStep.php",
    {
        idEtape:idetape
    },
    function(data){
        $("#content_explore_info_resume_content_stop_text").html(data);
    },
    "html");
	
}


/* 	
	Nom de la fonction :				addStartStopPoi
	But : 								ajoute les marqueurs de départ et d'arrivée sur la carte
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	12-05-09
	Usage :								---
	
*/

function addStartStopPoi(){

    start = $("#start_etape").val();
    stop = $("#stop_etape").val();
    $.post("./function/getStartStopLatLng.php",
    {
        idStart:start,
        idStop:stop
    },
    function(data){
        var reg = new RegExp("[,]+", "g");
        var tab = data.split(reg);
        var startLat = tab[0];
        var startLng = tab[1];
        var stopLat = tab[2];
        var stopLng = tab[3];

        Ext.onReady(function(){

            if (markStart != null){
                markStart.hide();
            }
            if (markStop != null){
                markStop.hide();
            }

            var icon = new GIcon();
            icon.iconSize = new GSize(36.0, 32.0);
            icon.iconAnchor = new GPoint(16.0, 32);
            icon.infoWindowAnchor = new GPoint(12.0, 19.0);
            icon.image = "./icon/marker/start.png";
            var icon2 = new GIcon();
            icon2.iconSize = new GSize(36.0, 32.0);
            icon2.iconAnchor = new GPoint(16.0, 32);
            icon2.infoWindowAnchor = new GPoint(12.0, 19.0);
            icon2.image = "./icon/marker/stop.png";

            var point = new GLatLng(startLat,startLng);
            var title = 'Départ';
            markStart = new GMarker(point,{
                icon: icon,
                title: title,
                clickable: false
            });
            var infowindow = '';
            Ext.getCmp('carto').addClusteringMarker(markStart,infowindow,false);

            var point = new GLatLng(stopLat,stopLng);
            var title = 'Arrivée';
            markStop = new GMarker(point,{
                icon: icon2,
                title: title,
                clickable: false
            });
            var infowindow = '';
            Ext.getCmp('carto').addClusteringMarker(markStop,infowindow,false);


        });
    },
    "html");
}


/* 	
	Nom de la fonction :				afficheInfoStepStart
	But : 								initialise le bloc d'informations de l'étape de départ
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	08-04-09
	Usage :								---
	
*/

function afficheInfoStepStart(){


    $.post("./function/getLibStep.php",
    {
        idEtape:"first"
    },
    function(data){
        $("#content_explore_info_resume_content_start_text").html(data);
    },
    "html");

}


/* 	
	Nom de la fonction :				afficheInfoStepStop
	But : 								initialise le bloc d'informations de l'étape d'arrivée
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	08-04-09
	Usage :								---
	
*/

function afficheInfoStepStop(){


    $.post("./function/getLibStep.php",
    {
        idEtape:"last"
    },
    function(data){
        $("#content_explore_info_resume_content_stop_text").html(data);
    },
    "html");
}


/* 	
	Nom de la fonction :				initProfile
	But : 								initialise le profil de la route
	Entrée :							mode de transport
	Sortie : 							---
	Date de dernière modification : 	08-04-09
	Usage :								---
	
*/

function initProfile(transport){

    $.post("./function/getProfile.php",
    {
        idStart:'first',
        idStop:'last',
        transport:transport
    },
    function(data){
        $("#content_explore_info_profil_flash").html(data);
    },
    "html");

}


/* 	
	Nom de la fonction :				updateProfile
	But : 								met à jour le profil de la route
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	08-04-09
	Usage :								---
	
*/

function updateProfile(){
    first = $("#start_etape").val();
    last = $("#stop_etape").val();
    transport = $("#mode_transport").val();
    $.post("./function/getProfile.php",
    {
        idStart:first,
        idStop:last,
        transport:transport
    },
    function(data){
        $("#content_explore_info_profil_flash").html(data);
    },
    "html");

}


/* 	
	Nom de la fonction :				afficheInfoDefault
	But : 								initialise le bloc d'informations distance, dénivelé, durée
	Entrée :							mode de transport
	Sortie : 							---
	Date de dernière modification : 	17-04-09
	Usage :								---
	
*/

function afficheInfoDefault(transport){
    $.post("./function/getInfo.php",
    {
        idStart:'first',
        idStop:'last',
        transport:transport
    },
    function(data){
        $("#content_explore_info_resume_info").html(data);
    },
    "html");
}


/* 	
	Nom de la fonction :				afficheInfo
	But : 								modifie le bloc d'informations distance, dénivelé, durée
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	14-04-09
	Usage :								---
	
*/

function afficheInfo(){

    start = $("#start_etape").val();
    stop = $("#stop_etape").val();
    transport = $("#mode_transport").val();
    $.post("./function/getInfo.php",
    {
        idStart:start,
        idStop:stop,
        transport:transport
    },
    function(data){
        $("#content_explore_info_resume_info").html(data);
    },
    "html");

}


/* 	
	Nom de la fonction :				afficheItineraireDefault
	But : 								initialise le bloc itineraire
	Entrée :							mode de transport
	Sortie : 							---
	Date de dernière modification : 	17-04-09
	Usage :								---
	
*/

function afficheItineraireDefault(transport){

    $.post("./function/getItineraire.php",
    {
        idStart:'first',
        idStop:'last',
        transport:transport
    },
    function(data){
        $("#content_explore_itineraire_etape_tab").html(data);
    },
    "html");
}


/* 	
	Nom de la fonction :	afficheItineraire
	But : 			modifie le bloc itineraire
	Entrée :		---
	Sortie : 		---
	Date de dernière modification : 21-04-09
	Usage :			---
	
*/

function afficheItineraire(){
	
    reInitInfo();
    start = $("#start_etape").val();
    stop = $("#stop_etape").val();
    transport = $("#mode_transport").val();
    $.post("./function/getItineraire.php",
    {
        idStart:start,
        idStop:stop,
        transport:transport
    },
    function(data){

        $(function(){
            $("#content_explore_itineraire_etape_tab").css("height","auto");
        });

        $("#content_explore_itineraire_etape_tab").html(data);

        $(function(){

            if ($("#content_explore_itineraire_etape_tab").is(':visible')){

                var heightTab = $("#content_explore_itineraire_etape_tab").height();
                if (heightTab > 100){
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }

                }
                else{

                    heightTab = 100;
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite la hauteur du bloc itineraire
                    $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }

                }
            }

        });

    },"html");
}


function afficheItineraireVariante(mode){

    var idIti;
    if(mode=="boucles"){
        idIti = $('#choixBoucle').val();
    }
    else{
        idIti = $('#choixVariante').val();
    }
    //on charge le nouvel itinéraire détaillé
    //$("#content_explore_itineraire_etape_tab").load("./function/getItineraireVariante.php?idIti="+idIti);
    if(idIti!=""){
        $.ajax({
            url:"./function/getItineraireVariante.php",
            data:"idIti="+idIti,
            success: function(data){
                $("#content_explore_itineraire_etape_tab").html(data);
                if ($("#content_explore_itineraire_etape_tab").is(':visible')){

                    var heightTab = $("#content_explore_itineraire_etape_tab").height();

                    if (heightTab > 100){
                        // on édite la hauteur du bloc info
                        $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                        // on édite le footer du bloc info
                        $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                        // on édite le footer du bloc itinéraire
                        $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                        // si la carte est affichée ou non
                        // édition du footer général
                        if ($("#content_explore_map").is(':hidden')){
                            // on édite la taille du content général et la position
                            $("#footer").css("top",heightTab+119+56+30+409+"px");
                            $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                            $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                        }
                        else{
                            // on édite la taille du content général et la position
                            $("#footer").css("top",heightTab+119+56+30+904+"px");
                            $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                            $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                        }

                    }
                    else{
                        heightTab = 100;
                        // on édite la hauteur du bloc info
                        $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                        // on édite le footer du bloc info
                        $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                        // on édite la hauteur du bloc itineraire
                        $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                        // on édite le footer du bloc itinéraire
                        $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                        // si la carte est affichée ou non
                        // édition du footer général
                        if ($("#content_explore_map").is(':hidden')){
                            // on édite la taille du content général et la position
                            $("#footer").css("top",heightTab+119+56+30+409+"px");
                            $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                            $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                        }
                        else{
                            // on édite la taille du content général et la position
                            $("#footer").css("top",heightTab+119+56+30+904+"px");
                            $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                            $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                        }

                    }
                }

            }
    
        });
    }//fin si

}

/* 	
	Nom de la fonction :	changeTitleHebergement
	But : 		modifie le titre du bloc ville hébergement
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	16-04-09
	Usage :								---
	
*/

function changeTitleHebergement(id){
    $.post("./function/getLibStep.php",
            {idEtape:id},
            function(data){
                $("#content_explore_itineraire_ville_header_text").html(data);
            },
            "html");
}

function changeTitleHebergementVariante(id){
    $.post("./function/getLibStep.php",
    {
        idEtape:id,
        typeTrajet:"variante"
    },
    function(data){
        $("#content_explore_itineraire_ville_header_text").html(data);
    }
    ,'html');
}

/* 	
	Nom de la fonction :				afficheInfoOt
	But : 								affiche les informations relatives à l'office du tourisme sélectionné
	Entrée :							l'id de l'étape et le code INSEE 
	Sortie : 							---
	Date de dernière modification : 	20-04-09
	Usage :								---
	
*/

function afficheInfoOt(id,insee){
	
    if($("#itineraire").val()=="principal"){
        variante = "false";
    }else{
        variante = "true";
    }
    $.post("./function/getInfoOt.php",
            {idEtape:id, insee:insee, variante:variante},
            function(data){

            $(function(){
                $("#content_explore_itineraire_ville").css("height","auto");
                $("#content_explore_itineraire_etape_tab").css("height","auto");
            });

            $('#content_explore_itineraire_ville').html(data);

            // adaptation de la taille des deux div
            $(function(){
                var heightTab = $("#content_explore_itineraire_etape_tab").height();

                if (heightTab < 300){
                    heightTab = 300;
                    // on édite la hauteur du bloc itineraire
                    $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }
                }
                else{
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                }
            });
            },
            "html");
}


/* 	
	Nom de la fonction :	reInitInfo
	But : 			re-initialise le div d'infos touristiques
	Entrée :		---
	Sortie : 		---
	Date de dernière modification : 21-04-09
	Usage :			---
	
*/

function reInitInfo(){

    $.post("./function/getDivInfoDefault.php",
            {},
            function(data){
                $("#content_explore_itineraire_ville_header_text").html=(data);
                $("#content_explore_itineraire_ville_elem").html=("");
            },
            "html");
}


/* 	
	Nom de la fonction :				afficheInfoHebergement
	But : 								affiche les informations relatives aux hébergements
	Entrée :							l'id de l'étape et le code INSEE 
	Sortie : 							---
	Date de dernière modification : 	22-04-09
	Usage :								---
	
*/

function afficheInfoHebergement(id,insee, variante){

    if($("#itineraire").val()=="principal"){
        variante = "false";
    }else{
        variante = "true";
    }

    $.post("./function/getInfoHebergement.php",
            {idEtape:id, insee:insee, variante:variante},
            function(data){
                $('#content_explore_itineraire_ville').html(data);
            // adaptation de la taille des deux div
            $(function(){
                var heightTab = $("#content_explore_itineraire_etape_tab").height();
                var heightTabHeb = $("#content_explore_itineraire_ville_elem_hebergement").height();

                if ((heightTab < 300) && (heightTabHeb < heightTab)){
                    heightTab = 300;
                    // on édite la hauteur du bloc itineraire
                    $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }
                }
                else if(heightTabHeb > heightTab){
                    heightTab = heightTabHeb + 10;
                    // on édite la hauteur du bloc itineraire
                    $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }
                }
                else{
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                }
            });


            },
            "html");

}


/* 	
	Nom de la fonction :				redirectTop
	But : 								redirige vers le haut de la page
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	26-04-09
	Usage :								---
	
*/

function redirectTop(){
    location.href = '#top';
}


/* 	
	Nom de la fonction :				afficheInfoPatri
	But : 								affiche les informations relatives au patrimoine
	Entrée :							l'id de l'étape et le code INSEE 
	Sortie : 							---
	Date de dernière modification : 	27-04-09
	Usage :								---
	
*/

function afficheInfoPatri(id,insee,variante){
    if($("#itineraire").val()=="principal"){
        variante = "false";
    }else{
        variante = "true";
    }
    $.post("./function/getInfoPatri.php",
            {idEtape:id, insee:insee, variante:variante},
            function(data){
/*$(function(){
				$("#content_explore_itineraire_ville").css("height","auto");
				$("#content_explore_itineraire_etape_tab").css("height","auto");
			});*/

            $('#content_explore_itineraire_ville').html(data);

            // adaptation de la taille des deux div
            $(function(){

                var heightTab = $("#content_explore_itineraire_etape_tab").height();

                if (heightTab < 300){
                    heightTab = 300;
                    // on édite la hauteur du bloc itineraire
                    $("#content_explore_itineraire_etape_tab").css("height",heightTab+"px");
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                    // on édite le footer du bloc itinéraire
                    $("#content_explore_itineraire_etape_footer").css("top",heightTab+56+"px");

                    // si la carte est affichée ou non
                    // édition du footer général
                    if ($("#content_explore_map").is(':hidden')){
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+409+"px");
                        $("#content_main").css("height",heightTab+119+56+30+409-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+409-39+"px");
                    }
                    else{
                        // on édite la taille du content général et la position
                        $("#footer").css("top",heightTab+119+56+30+904+"px");
                        $("#content_main").css("height",heightTab+119+56+30+904-39+"px");
                        $("#content_center").css("height",heightTab+119+56+30+904-39+"px");
                    }

                }
                else{
                    // on édite la hauteur du bloc info
                    $("#content_explore_itineraire_ville_elem").css("height",heightTab+"px");
                    // on édite le footer du bloc info
                    $("#content_explore_itineraire_ville_footer").css("top",heightTab+56+"px");
                }

            });
            },
            "html");


}


/* 	
	Nom de la fonction :				setHeightPageNews
	But : 								initialise la taille de la page en fonction des actus
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	29-04-09
	Usage :								---
	
*/

function setHeightPageNews(){
	
    $("#footer").css("top",$("#content_news_news_1").height()+90+"px");
    $("#content_main").css("height",$("#content_news_news_1").height()+70+"px");
    $("#content_center").css("height",$("#content_news_news_1").height()+70+"px");
}


/* 	
	Nom de la fonction : addToCookie
	But : 	ajoute des infos dans le cookie
	Entrée :type et id le cas échéant pour les hébergements et sites patimoniaux
	Sortie : ---
	Date de dernière modification : 13-05-09
	Usage :	---
	
*/

function addToCookie(type,id){

    if (id == null){//si on est dans le cas de l'itinéraire principal

        //cas ou il a choisi une boucle ou une variante
        var typeIti = $("#itineraire").val();
        var idIti='';
        if(typeIti == "boucles"){
            idIti = $("#choixBoucle").val();
            if(idIti != ''){
                $.post("./function/addToCookie.php", {
                    type:typeIti,
                    idIti:idIti
                }, function(){
                    Ext.example.msg('Boucle journée ajoutée au carnet de route', '');
                })
            }
        }else{
            if(typeIti == "variantes"){
                idIti = $("#choixVariante").val();
                if(idIti != ''){
                    $.post("./function/addToCookie.php", {
                        type:typeIti,
                        idIti:idIti
                    }, function(){
                        Ext.example.msg('Variante ajoutée au carnet de route', '');
                    })
                }
            }else{//itineraire normal
                var stop = $("#stop_etape").val();
                var start = $("#start_etape").val();
                //alert(stop+"/"+start);
                $.post("./function/addToCookie.php", {
                    type:type,
                    idStart:start,
                    idStop:stop
                }, function(){
                    Ext.example.msg('Itinéraire ajouté au carnet de route', '');
                })
            }
        }
       

    }
    else{
        $.post("./function/addToCookie.php",
                {type:type, id:id},
                function(){
                    Ext.onReady(function(){
                    if (type == "heb")
                        Ext.example.msg('Hébergement ajouté au carnet de route', '');
                    if (type == "patri")
                        Ext.example.msg('Patrimoine ajouté au carnet de route', '');
                    if(type == "ot")
                        Ext.example.msg('Office de tourisme ajouté au carnet de route', '');
                });
                })

    }
}


/* 	
	Nom de la fonction :				removeItiFromCookie
	But : 								supprime un itinéraire du cookie
	Entrée :							identifiant de départ et identifiant d'arrivée
	Sortie : 							---
	Date de dernière modification : 			14-05-09
	Usage :								---
	
*/

function removeItiFromCookie(id1,id2){
    $.post("./function/removeItiFromCookie.php",
            {idStart:id1, idStop:id2},
            function(){
                Ext.onReady(function(){
                    Ext.example.msg('Itinéraire supprimé du carnet de route', '');
                    setTimeout("location.reload()",2000);
                });
            });
}


/* 	
	Nom de la fonction :	changeTitleItiRoadmapDetails
	But :   modifie le titre du détail de l'itinéraire dans le carnet de route
	Entrée :    numéro de l'itinéraire, identifiant de départ et identifiant d'arrivée
	Sortie :    ---
	Date de dernière modification : 14-05-09
	Usage : ---
	
*/

function changeTitleItiRoadmapDetails(id,id1,id2){
    $.post("./function/changeTitleItiRoadmapDetails.php",
            {id:id, idStart:id1, idStop:id2},
            function(data){
                $('#content_roadmap_iti_details_header_text').html(data);
                $("#content_roadmap_iti_details_info").show();
                $("#content_roadmap_iti_details_list").show();
            },
            "html");
}


/* 	
	Nom de la fonction :	updateProfileRoadmap
	But : 	met à jour le profil de la route dans le carnet de route
	Entrée :---
	Sortie : ---
	Date de dernière modification : 15-05-09
	Usage :	---
*/
function updateProfileRoadmap(id1,id2){

    if(id2!= "boucles" && id2 != "variantes"){
        $.post("./function/getProfile.php",
                {idStart:id1, idStop:id2, transport:'auto'},
                function(data){
                    $("#content_roadmap_iti_details_info_profil").html(data);
                },
                "html");
    }else{
        $.get("./function/getProfil.php",{
            idIti:id1
        },function(data){
            $("#content_roadmap_iti_details_info_profil").html(data);
        });
    }

}


/* 	
	Nom de la fonction :				afficheInfoRoadmap
	But : 								modifie le bloc d'informations distance, dénivelé, durée
	Entrée :							identifiants de départ et d'arrivée
	Sortie : 							---
	Date de dernière modification : 	15-05-09
	Usage :								---
	
*/

function afficheInfoRoadmap(id1,id2){
    if(id2!="variantes" && id2!="boucles"){
        $.post("./function/getInfo.php",
                {idStart:id1, idStop:id2},
                function(data){
                    $("#content_roadmap_iti_details_resume_info").html(data);
                },
                "html");
    }else{
        $.get("./function/getInfos.php", {
            idIti:id1
        }, function(data){
            $("#content_roadmap_iti_details_resume_info").html(data)
            }, "html");
    }
}


/* 	
	Nom de la fonction :				getStepItiRoadmap
	But : 								construit le bloc des étapes de l'itinéraire
	Entrée :							identifiants de départ et d'arrivée
	Sortie : 							---
	Date de dernière modification : 	15-05-09
	Usage :								---
	
*/

function getStepItiRoadmap(id1,id2){
    if(id2!="boucles" && id2!="variantes" ){
        $.post("./function/getStepItiRoadmap.php",
                {idStart:id1, idStop:id2},
                function(data){
                    $("#content_roadmap_iti_details_list_tab").html(data);
                    setTimeout("replaceRoadmapFooter()",2000);
                },
                "html");
    }else{
        $.get("./function/getItineraireVarianteRoadmap.php", {
            idIti:id1
        }, function(data){
            $("#content_roadmap_iti_details_list_tab").html(data);
            //setTimeout("replaceRoadmapFooter()",2000);
            replaceRoadmapFooter();
        }, "html");
    }
//getInfos.php
}


/* 	
	Nom de la fonction :				replaceRoadmapFooter
	But : 								met à jour la position du footer et des tailles des div content
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	25-05-09
	Usage :								---
	
*/

function replaceRoadmapFooter(){
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+79+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+79-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+79-39+"px");
}


/* 	
	Nom de la fonction :				toggleInfoRoadmapStep
	But : 								ouvre le bloc d'info de la commune
	Entrée :							identifiant de la commune
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/


function toggleInfoRoadmapStep(id){
	
    if ($("#"+id+"content_roadmap_iti_details_list_tab_elem").height() == "25"){
        $("#"+id+"infoitistep").show();
        $("#"+id+"content_roadmap_iti_details_list_tab_elem").css("height","auto");
    }
    else{
        $("#"+id+"infoitistep").hide();
        $("#"+id+"content_roadmap_iti_details_list_tab_elem").css("height","25px");
    }
	
	
}


/* 	
	Nom de la fonction :				toggleHeb
	But : 								ouvre le bloc d'info des hébergements de la commune 
	Entrée :							identifiant de la commune
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/

function toggleHeb(id){
    //alert($("#"+id+"infoitistepheb").height());
	
    if ($("#"+id+"infoitistepheb").height() == "16"){
        $("#"+id+"infoitistephebelemlist").show();
        $("#"+id+"infoitistephebtitle").css("background","url(./images/arrow_to_top2.png) no-repeat");
        $("#"+id+"infoitistepheb").css("height","auto");
    }
    else{
        $("#"+id+"infoitistephebelemlist").hide();
        $("#"+id+"infoitistepheb").css("height","16px");
        $("#"+id+"infoitistephebtitle").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }
	
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+56+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
	
}


/* 	
	Nom de la fonction :				togglePatri
	But : 								ouvre le bloc d'info des patrimoines de la commune 
	Entrée :							identifiant de la commune
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/

function togglePatri(id){
    //alert($("#"+id+"infoitistepheb").height());
	
    if ($("#"+id+"infoitisteppatri").height() == "16"){
        $("#"+id+"infoitisteppatrielemlist").show();
        $("#"+id+"infoitisteppatrititle").css("background","url(./images/arrow_to_top2.png) no-repeat");
        $("#"+id+"infoitisteppatri").css("height","auto");
    }
    else{
        $("#"+id+"infoitisteppatrielemlist").hide();
        $("#"+id+"infoitisteppatri").css("height","16px");
        $("#"+id+"infoitisteppatrititle").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }
	
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+56+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
	
}


/* 	
	Nom de la fonction :				toggleHebDetail
	But : 								ouvre le bloc d'info de l'hebergement sélectionné
	Entrée :							identifiant de l'hébergement
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/

function toggleHebDetail(id){
    //alert($("#"+id+"infoitistepheb").height());
	
    if ($("#"+id+"infoitistephebelem").height() == "16"){
        $("#"+id+"infoitistephebelemdetail").show();
        $("#"+id+"infoitistephebelem").css("background","url(./images/arrow_to_top2.png) no-repeat");
        $("#"+id+"infoitistephebelem").css("height","17px");
    }
    else{
        $("#"+id+"infoitistephebelemdetail").hide();
        $("#"+id+"infoitistephebelem").css("height","16px");
        $("#"+id+"infoitistephebelem").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }
	
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+56+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
	
}


/* 	
	Nom de la fonction :				togglePatriDetail
	But : 								ouvre le bloc d'info du patrimoine sélectionné
	Entrée :							identifiant du patrimoine
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/

function togglePatriDetail(id){
    //alert($("#"+id+"infoitistepheb").height());
	
    if ($("#"+id+"infoitisteppatrielem").height() == "16"){
        $("#"+id+"infoitisteppatrielemdetail").show();
        $("#"+id+"infoitisteppatrielem").css("background","url(./images/arrow_to_top2.png) no-repeat");
        $("#"+id+"infoitisteppatrielem").css("height","17px");
    }
    else{
        $("#"+id+"infoitisteppatrielemdetail").hide();
        $("#"+id+"infoitisteppatrielem").css("height","16px");
        $("#"+id+"infoitisteppatrielem").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }
	
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+56+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
	
}

function toggleOt(id){
    if( $("#"+id+"infoitistepotelemdetail").is(":visible") ){
        $("#"+id+"infoitistepotelemdetail").hide();
        $("#"+id+"infoitistepotelem").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }else{
        $("#"+id+"infoitistepotelemdetail").show();
        $("#"+id+"infoitistepotelem").css("background","url(./images/arrow_to_top2.png) no-repeat");
    }
    /*
    if ($("#"+id+"infoitistepotelem").height() == "16"){
        $("#"+id+"infoitistepotelemdetail").show();
        $("#"+id+"infoitistepotelem").css("background","url(./images/arrow_to_top2.png) no-repeat");
        $("#"+id+"infoitistepotelem").css("height","17px");
    }
    else{
        $("#"+id+"infoitistepotelemdetail").hide();
        $("#"+id+"infoitistepotelem").css("height","16px");
        $("#"+id+"infoitistepotelem").css("background","url(./images/arrow_to_left2.png) no-repeat");
    }
*/
    $("#footer").css("top",$("#content_roadmap_iti_details_list_tab").height()+250+56+"px");
    $("#content_main").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");
    $("#content_center").css("height",$("#content_roadmap_iti_details_list_tab").height()+250+56-39+"px");

}


/* 	
	Nom de la fonction :				removeHebFromCookie
	But : 								supprime un hébergement du carnet de route
	Entrée :							identifiant de l'hébergement à supprimer
	Sortie : 							---
	Date de dernière modification : 	16-05-09
	Usage :								---
	
*/

function removeHebFromCookie(id){
    $.post("./function/removeHebFromCookie.php",
            {id:id},
        function(data){
            Ext.onReady(function(){
                Ext.example.msg('Hébergement supprimé du carnet de route', '');
                setTimeout("location.reload()",2000);
            });
        },
        "html");
}

/* 	
	Nom de la fonction :	removePatriFromCookie
	But :                   supprime un patrimoine du carnet de route
	Entrée :                identifiant du patrimoine à supprimer
	Sortie :                ---
	Date de dernière modification : 	16-05-09
	Usage :                 ---
	
*/

function removePatriFromCookie(id){
    $.post("./function/removePatriFromCookie.php",
            {id:id},
        function(data){
            Ext.onReady(function(){
                Ext.example.msg('Lieu d\'intérêt supprimé du carnet de route', '');
                setTimeout("location.reload()",2000);
            });
        },
        "html");
	
}

function removeOtFromCookie(id){
    $.post("./function/removeOtFromCookie.php",
            {id:id},
        function(data){
            Ext.onReady(function(){
                Ext.example.msg('Office de tourisme supprimé du carnet de route', '');
                setTimeout("location.reload()",2000);
            });
        },
        "html");
}


/* 	
	Nom de la fonction :				displayShowItiButton
	But : 								affiche un bouton loading en attendant que la carte soit finie de charger
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	25-05-09
	Usage :								---
	
*/

function displayShowItiButton(){
    setTimeout("showItiButton()",4000);
}


/* 	
	Nom de la fonction :				showItiButton
	But : 								affiche un bouton loading en attendant que la carte soit finie de charger
	Entrée :							---
	Sortie : 							---
	Date de dernière modification : 	25-05-09
	Usage :								---
	
*/

function showItiButton(){
    $("#content_explore_itineraire_button_show").show();
    $("#content_explore_itineraire_button_show_loading").hide();

    //bouton itineraire du haut
    $("#content_explore_itineraire_button_top_show").show();
    $("#content_explore_itineraire_button_top_show_loading").hide();
}


function downloadGpx(){

    start = $("#start_etape").val();
    stop = $("#stop_etape").val();
    transport = $("#mode_transport").val();
    $.post("./function/getGpx.php",
            {idStart:start, idStop:stop, transport:transport},
            function(data){
                window.open("function/download.php?file="+data);
            },
            "html");

}





// pour modifier le tracé de la route de en fonction du type de transport
// à finir
function updateCarto(){
    Ext.onReady(function(){
        Ext.getCmp('carto').addDirections();
    });
}

function displayFlash(swf, hauteur, largeur, alternatif){
    document.write('<object type="application/x-shockwave-flash" data="'+swf+'" width="'+hauteur+'" height="'+largeur+'">');
    document.write('<param name="allowScriptAccess" value="sameDomain" />');
    document.write('<param name="movie" value="'+swf+'" />');
    document.write(alternatif);
    document.write('</object>');
}

function displayRoute(){
    setTimeout("showRoute()",2000);
}

function showRoute(){
    Ext.getCmp('carto').addKMLOverlay("http://www.laroutedescols.com/data/kml/rdc_final10.kmz");
}