function hideMap(){
    // on change de boutons
    $("#content_explore_map_button_hide").hide();
    $("#content_explore_map_button_show").show();
    $("#content_explore_map_button_bottom_hide").hide();
    $("#content_explore_map_button_bottom_show").show();
    // on masque la carte
    $("#content_explore_map").toggle('slow');

    $("#content_explore_map").css("display","none");
    // on remonte le div itineraire
    $("#content_explore_itineraire").css("top","360px");

    // si div itineraire hidden, les deux div sont hidden alors on remonte le footer et on diminue la page
    if ($("#content_explore_itineraire_etape_tab").is(':hidden')){
        // on remonte le bouton itin�raire et le bouton "afficher la carte"
        $("#content_explore_itineraire_button_show").css("top","320px");
        $("#content_explore_map_button_bottom_show").css("top","320px");
        // descendre le footer, content main et content center
        $("#footer").css("top","600px");
        $("#content_main").css("height","580px");
        $("#content_center").css("height","580px");
    }
    else{
        // descendre le bouton show itineraire ou hide itineraire
        $("#content_explore_itineraire_button_hide").css("top","320px");
        $("#content_explore_map_button_bottom_show").css("top","320px");
        // redescendre le footer, content main et content center en fonction de la taille du div itineraire

        var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+409+56+119+30;
        var tempTopContent = tempTopFooter - 39;
        $("#footer").css("top",tempTopFooter+"px");
        $("#content_main").css("height",tempTopContent+"px");
        $("#content_center").css("height",tempTopContent+"px");

        var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
        $("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
    }
}

function showMap(){
    // on change de bouton
    $("#content_explore_map_button_show").hide();
    $("#content_explore_map_button_hide").show();
    $("#content_explore_map_button_bottom_show").hide();
    $("#content_explore_map_button_bottom_hide").show();

    // on affiche la carte
    $("#content_explore_map").toggle('slow');


    // si div itineraire hidden alors on remet le footer à sa place initiale
    if ($("#content_explore_itineraire_etape_tab").is(':hidden')){
        // on redescend le bouton itineraire et le bouton "masquer la carte"
        $("#content_explore_itineraire_button_show").css("top","815px");
        $("#content_explore_map_button_bottom_hide").css("top","815px");
        $("#footer").css("top","900px");
        $("#content_main").css("height","861px");
        $("#content_center").css("height","861px");
    }
    else{
        // descendre le bouton show itineraire ou hide itineraire
        $("#content_explore_itineraire_button_hide").css("top","815px");
        $("#content_explore_map_button_bottom_hide").css("top","815px");
        // redescendre le footer, content main et content center en fonction de la taille du div itineraire
        $("#content_explore_itineraire").css("top","855px");
        var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+904+56+119+30;
        var tempTopContent = tempTopFooter - 39;
        $("#footer").css("top",tempTopFooter+"px");
        $("#content_main").css("height",tempTopContent+"px");
        $("#content_center").css("height",tempTopContent+"px");
        var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
        $("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
    }

}

function hideIti(){
    // on masque le bouton hide
    $("#content_explore_itineraire_button_hide").hide();
    $("#content_explore_itineraire_button_show").show();
    $("#content_explore_itineraire_button_top_hide").hide();
    $("#content_explore_itineraire_button_top_show").show();
    //on affiche l'itinéraire
   // $("#content_explore_itineraire").css('display', 'none');
    $("#content_explore_itineraire").toggle("slow");
    //$("#content_explore_itineraire").fadeOut("slow");

    if ($("#content_explore_map").is(':hidden')){
        $("#content_explore_itineraire_button_show").css("top","320px");
        $("#content_explore_itineraire_button_show").show();
        $("#content_explore_itineraire").toggle('slow');

        $("#content_explore_itineraire_etape_header").hide();
        $("#content_explore_itineraire_etape_tab").hide();
        $("#content_explore_itineraire_etape_footer").hide();

        $("#content_explore_itineraire_ville_header").hide();
        $("#content_explore_itineraire_ville_select").hide();
        $("#content_explore_itineraire_ville_elem").hide();
        $("#content_explore_itineraire_ville_footer").hide();

        $("#footer").css("top","600px");
        $("#content_main").css("height","580px");
        $("#content_center").css("height","580px");

    }
    else{
        $("#content_explore_itineraire").toggle('slow');

        $("#content_explore_itineraire_etape_header").hide();
        $("#content_explore_itineraire_etape_tab").hide();
        $("#content_explore_itineraire_etape_footer").hide();

        $("#content_explore_itineraire_ville_header").hide();
        $("#content_explore_itineraire_ville_select").hide();
        $("#content_explore_itineraire_ville_elem").hide();
        $("#content_explore_itineraire_ville_footer").hide();

        $("#content_explore_itineraire_button_show").css("top","815px");
        $("#content_explore_itineraire_button_show").show();
        $("#footer").css("top","900px");
        $("#content_main").css("height","861px");
        $("#content_center").css("height","861px");
    }


}

function showIti(){
    // on change de bouton
    $("#content_explore_itineraire_button_show").hide();
    $("#content_explore_itineraire_button_hide").show();
    $("#content_explore_itineraire_button_top_show").hide();
    $("#content_explore_itineraire_button_top_hide").show();
    //on affiche l'itinéraire
   // $("#content_explore_itineraire").css('display', 'block');
    $("#content_explore_itineraire").fadeIn("slow");


    if ($("#content_explore_map").is(':hidden')){
        $("#content_explore_itineraire_button_hide").css("top","320px");
        $("#content_explore_map_button_bottom_show").css("top","320px");
        $("#content_explore_itineraire_button_hide").show();

        // on calcule la taille du div itineraire et on ajuste le footer, le content main et le content center
        $("#content_explore_itineraire").toggle('slow');
        $("#content_explore_itineraire_etape_header").show();
        $("#content_explore_itineraire_etape_tab").show();
        $("#content_explore_itineraire_etape_footer").show();
        $("#content_explore_itineraire_ville_header").show();
        $("#content_explore_itineraire_ville_select").show();
       // $("#content_explore_itineraire_ville_elem").css("height",'"'.$('#content_explore_itineraire_etape_tab').height()+'px"');
        $("#content_explore_itineraire_ville_elem").css("height",$('#content_explore_itineraire_etape_tab').height()+'px');
        $("#content_explore_itineraire_ville_elem").show();
        $("#content_explore_itineraire_ville_footer").show();
        var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+409+56+119+30;
        var tempTopContent = tempTopFooter - 39;
        $("#footer").css("top",tempTopFooter+"px");
        $("#content_main").css("height",tempTopContent+"px");
        $("#content_center").css("height",tempTopContent+"px");

        var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
        $("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");

        // gestion des div hebergement
        $("#content_explore_itineraire_ville_footer").css("top",topTabFooter+"px");
        var Temp = $('#content_explore_itineraire_etape_tab').height();
        //$("#content_explore_itineraire_ville_elem").css("height",Temp+"px");

    }
    else{
        // descendre le bouton show itineraire ou hide itineraire
        $("#content_explore_itineraire_button_hide").css("top","815px");
        $("#content_explore_map_button_bottom_show").css("top","815px");
        $("#content_explore_itineraire_button_hide").show();
        // redescendre le footer, content main et content center en fonction de la taille du div itineraire
        $("#content_explore_itineraire").toggle('slow');
        $("#content_explore_itineraire_etape_header").show();
        $("#content_explore_itineraire_etape_tab").show();
        $("#content_explore_itineraire_etape_footer").show();
        $("#content_explore_itineraire_ville_header").show();
        $("#content_explore_itineraire_ville_select").show();
        $("#content_explore_itineraire_ville_elem").show();
        $("#content_explore_itineraire_ville_footer").show();
        $("#content_explore_itineraire").css("top","855px");
        var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+904+56+119+30;
        tempTopContent = tempTopFooter - 39;
        $("#footer").css("top",tempTopFooter+"px");
        $("#content_main").css("height",tempTopContent+"px");
        $("#content_center").css("height",tempTopContent+"px");

        var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
        $("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");

        // gestion des div hebergement
        $("#content_explore_itineraire_ville_footer").css("top",topTabFooter+"px");
        var Temp = $('#content_explore_itineraire_etape_tab').height();
        $("#content_explore_itineraire_ville_elem").css("height",Temp+"px");
    }
    document.location.href="#top";
}

$(function(){ 
/*
	// �v�nement lors d'un clic sur le bouton hide map
    $("#content_explore_map_button_hide").click(function(){ 
        
		// on masque la carte
		$("#content_explore_map").toggle('slow');
		$("#content_explore_map").css("display","none");
		
		// on change de bouton
		$("#content_explore_map_button_hide").hide();
		$("#content_explore_map_button_show").show();
		
		// on remonte le div itineraire
		$("#content_explore_itineraire").css("top","360px");
		
		// si div itineraire hidden, les deux div sont hidden alors on remonte le footer et on diminue la page
		if ($("#content_explore_itineraire_etape_tab").is(':hidden')){
			// on remonte le bouton itin�raire
			$("#content_explore_itineraire_button_show").css("top","320px");
			// descendre le footer, content main et content center
			$("#footer").css("top","600px");
			$("#content_main").css("height","580px");
			$("#content_center").css("height","580px");
		}
		else{
			// descendre le bouton show itineraire ou hide itineraire
			$("#content_explore_itineraire_button_hide").css("top","320px");
			// redescendre le footer, content main et content center en fonction de la taille du div itineraire
			
			var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+409+56+119+30;
			var tempTopContent = tempTopFooter - 39;
			$("#footer").css("top",tempTopFooter+"px");
			$("#content_main").css("height",tempTopContent+"px");
			$("#content_center").css("height",tempTopContent+"px");
			
			var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
			$("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
			
		}
	


    });*/
       	// �v�nement lors d'un clic sur le bouton hide map
        $("#content_explore_map_button_hide").click(hideMap);
        $("#content_explore_map_button_bottom_hide").click(hideMap);

	// �v�nement lors d'un clic sur le bouton show map
	$("#content_explore_map_button_show").click(showMap);
	$("#content_explore_map_button_bottom_show").click(showMap);

	// �v�nement lors d'un clic sur le bouton show itineraire
	$("#content_explore_itineraire_button_show").click(showIti);
	$("#content_explore_itineraire_button_top_show").click(showIti);

	// �v�nement lors d'un clic sur le bouton hide itineraire
	$("#content_explore_itineraire_button_hide").click(hideIti);
	$("#content_explore_itineraire_button_top_hide").click(hideIti);	
	
	// �v�nement lors d'un clic sur le bouton show map
	/*$("#content_explore_map_button_show").click(function(){
        // on affiche la carte
		$("#content_explore_map").toggle('slow');
		// on change de bouton
		$("#content_explore_map_button_show").hide();
		$("#content_explore_map_button_hide").show();
		
		// si div itineraire hidden alors on remet le footer � sa place initiale
		if ($("#content_explore_itineraire_etape_tab").is(':hidden')){
			// on redescend le bouton itineraire
			$("#content_explore_itineraire_button_show").css("top","815px");
			$("#footer").css("top","900px");
			$("#content_main").css("height","861px");
			$("#content_center").css("height","861px");
			
		}
		else{
			
			// descendre le bouton show itineraire ou hide itineraire
			$("#content_explore_itineraire_button_hide").css("top","815px");
			// redescendre le footer, content main et content center en fonction de la taille du div itineraire
			$("#content_explore_itineraire").css("top","855px");
			var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+904+56+119+30;
			var tempTopContent = tempTopFooter - 39;
			$("#footer").css("top",tempTopFooter+"px");
			$("#content_main").css("height",tempTopContent+"px");
			$("#content_center").css("height",tempTopContent+"px");
			
			var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
			$("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
			
		}
    });*/
	
	
	// �v�nement lors d'un clic sur le bouton show itineraire
	/*$("#content_explore_itineraire_button_show").click(function(){
		// on change de bouton
		$("#content_explore_itineraire_button_show").hide();
		if ($("#content_explore_map").is(':hidden')){
			$("#content_explore_itineraire_button_hide").css("top","320px");
			$("#content_explore_itineraire_button_hide").show();
			
			// on calcule la taille du div itineraire et on ajuste le footer, le content main et le content center
			$("#content_explore_itineraire").toggle('slow');
			$("#content_explore_itineraire_etape_header").show();
			$("#content_explore_itineraire_etape_tab").show();
			$("#content_explore_itineraire_etape_footer").show();
			$("#content_explore_itineraire_ville_header").show();
			$("#content_explore_itineraire_ville_select").show();
			$("#content_explore_itineraire_ville_elem").css("height",$('#content_explore_itineraire_etape_tab').height()+"px");
			$("#content_explore_itineraire_ville_elem").show();
			$("#content_explore_itineraire_ville_footer").show();
			var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+409+56+119+30;
			var tempTopContent = tempTopFooter - 39;
			$("#footer").css("top",tempTopFooter+"px");
			$("#content_main").css("height",tempTopContent+"px");
			$("#content_center").css("height",tempTopContent+"px");
			
			var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
			$("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
			
			// gestion des div hebergement
			$("#content_explore_itineraire_ville_footer").css("top",topTabFooter+"px");
			var Temp = $('#content_explore_itineraire_etape_tab').height();
			//$("#content_explore_itineraire_ville_elem").css("height",Temp+"px");
			
		}
		else{
			
			// descendre le bouton show itineraire ou hide itineraire
			$("#content_explore_itineraire_button_hide").css("top","815px");
			$("#content_explore_itineraire_button_hide").show();
			// redescendre le footer, content main et content center en fonction de la taille du div itineraire
			$("#content_explore_itineraire").toggle('slow');
			$("#content_explore_itineraire_etape_header").show();
			$("#content_explore_itineraire_etape_tab").show();
			$("#content_explore_itineraire_etape_footer").show();
			$("#content_explore_itineraire_ville_header").show();
			$("#content_explore_itineraire_ville_select").show();
			$("#content_explore_itineraire_ville_elem").show();
			$("#content_explore_itineraire_ville_footer").show();
			$("#content_explore_itineraire").css("top","855px");
			var tempTopFooter = $('#content_explore_itineraire_etape_tab').height()+904+56+119+30;
			var tempTopContent = tempTopFooter - 39;
			$("#footer").css("top",tempTopFooter+"px");
			$("#content_main").css("height",tempTopContent+"px");
			$("#content_center").css("height",tempTopContent+"px");
			
			var topTabFooter = $('#content_explore_itineraire_etape_tab').height()+56;
			$("#content_explore_itineraire_etape_footer").css("top",topTabFooter+"px");
			
			// gestion des div hebergement
			$("#content_explore_itineraire_ville_footer").css("top",topTabFooter+"px");
			var Temp = $('#content_explore_itineraire_etape_tab').height();
			//$("#content_explore_itineraire_ville_elem").css("height",Temp+"px");
			
		}
    });
	
	
	// �v�nement lors d'un clic sur le bouton hide itineraire
	$("#content_explore_itineraire_button_hide").click(function(){
		// on masque le bouton hide
		$("#content_explore_itineraire_button_hide").hide();
		if ($("#content_explore_map").is(':hidden')){
			$("#content_explore_itineraire_button_show").css("top","320px");
			$("#content_explore_itineraire_button_show").show();
			$("#content_explore_itineraire").toggle('slow');
			
			$("#content_explore_itineraire_etape_header").hide();
			$("#content_explore_itineraire_etape_tab").hide();
			$("#content_explore_itineraire_etape_footer").hide();
			
			$("#content_explore_itineraire_ville_header").hide();
			$("#content_explore_itineraire_ville_select").hide();
			$("#content_explore_itineraire_ville_elem").hide();
			$("#content_explore_itineraire_ville_footer").hide();
			
			$("#footer").css("top","600px");
			$("#content_main").css("height","580px");
			$("#content_center").css("height","580px");
			
		}
		else{
			$("#content_explore_itineraire").toggle('slow');
			
			$("#content_explore_itineraire_etape_header").hide();
			$("#content_explore_itineraire_etape_tab").hide();
			$("#content_explore_itineraire_etape_footer").hide();
			
			$("#content_explore_itineraire_ville_header").hide();
			$("#content_explore_itineraire_ville_select").hide();
			$("#content_explore_itineraire_ville_elem").hide();
			$("#content_explore_itineraire_ville_footer").hide();
			
			$("#content_explore_itineraire_button_show").css("top","815px");
			$("#content_explore_itineraire_button_show").show();
			$("#footer").css("top","900px");
			$("#content_main").css("height","861px");
			$("#content_center").css("height","861px");
		}
	
	});*/
	
});


function replacerFooter(i){
    var heightTab = $("#content_explore_itineraire_etape_tab").height();
    var heightTabReel = $("#content_explore_itineraire_etape_tab.table").height();
    var heightTabHeb = $("#content_explore_itineraire_ville_elem_hebergement").height();
if(i){
    if((heightTab < 300) && (heightTabHeb < heightTab)){
        alert('1');
    }else if(heightTabHeb-i > heightTabReel){//on a caché un détail d'hébergement mais leur liste est quand même plus longue que celle des étapes
        
        var footerTop = $("#content_explore_itineraire_ville_footer").css("top").substr(0, $("#content_explore_itineraire_ville_footer").css("top").length-2);
        etapeFooterTop = $("#content_explore_itineraire_etape_footer").css("top").substr($("#content_explore_itineraire_etape_footer").css("top").length-2);
        $("#content_explore_itineraire_ville_elem").css("height",(heightTabHeb-i)+"px");
        $("#footer").css("top",($("#footer").height()-i)+"px");
        $("#content_explore_itineraire_ville_footer").css("top",(footerTop-i-10)+"px");
        // on édite le footer du bloc itinéraire
        $("#content_explore_itineraire_etape_footer").css("top",etapeFooterTop-i+"px");
    }else{
        alert('3');
    }
}else{
         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");
                }
}
}

function toggleInfo(i){

        if($("#infohebergement"+i).is(':visible') ){
            $("#infohebergement"+i).hide('slow');
            replacerFooter($("#infohebergement"+i).height());
        }else{
            $("#infohebergement"+i).show('slow');
            setTimeout("replacerFooter()",1000);
        }

        //on recalcule la position du footer, au cas l'affichage des infos prenne plus de place que l'affichage de toutes les étapes
       /* var hebHeight = $("#content_explore_itineraire_ville_elem_hebergement").height();
        var oldVilleHeight = $("#content_explore_itineraire_ville_elem").height();
        var etapesHeight = $("#content_explore_itineraire_etape_tab").height();

        if(hebHeight>oldVilleHeight){
            alert("On doit recalculer");
            var footerTop = $("content_explore_itineraire_ville_footer").css("top");
            $("content_explore_itineraire_ville_footer").css("top", footerTop+(hebHeight-oldVilleHeight));
        }*/
        

	/*if ($("#record"+i+"").height() == "16"){
		//$("#infohebergement"+i).show();
		$("#infohebergement"+i).toggle('slow');

		$("#record"+i+"").css("height","auto");
		$("#arrow"+i+"").css("height","7px");
		$("#arrow"+i+"").css("width","9px");
		$("#arrow"+i+"").css("top","5px");
		$("#arrow"+i+"").css("background","url(./images/arrow_explore_info_ville_expanded.png)");
		
		// recalculer le footer et content_main et content_center
		if ($("#content_explore_itineraire_ville_elem").height() < $("#content_explore_itineraire_ville_elem_hebergement").height()){
			// on �dite la hauteur du bloc itineraire
			$("#content_explore_itineraire_etape_tab").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+"px");
			// on �dite le footer du bloc itin�raire
			$("#content_explore_itineraire_etape_footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+56+10+"px");
			// on �dite la hauteur du bloc info
			$("#content_explore_itineraire_ville_elem").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+"px");
			// on �dite le footer du bloc info
			$("#content_explore_itineraire_ville_footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+56+"px");
			if ($("#content_explore_map").is(':hidden')){
				// on �dite la taille du content g�n�ral et la position 
				$("#footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409+10+"px");
				$("#content_main").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409-39+10+"px");
				$("#content_center").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409-39+10+"px");
			}
			else{
				// on �dite la taille du content g�n�ral et la position 
				$("#footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904+10+"px");
				$("#content_main").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904-39+10+"px");
				$("#content_center").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904-39+10+"px");
			}
		}
	}
	else{
		$("#record"+i+"").css("height","16px");
		$("#infohebergement"+i+"").hide();
		$("#arrow"+i+"").css("height","9px");
		$("#arrow"+i+"").css("width","7px");
		$("#arrow"+i+"").css("top","3px");
		$("#arrow"+i+"").css("background","url(./images/arrow_explore_info_ville_collapsed.png)");
		
		// recalculer le footer et content_main et content_center
		if ($("#content_explore_itineraire_ville_elem").height() < $("#content_explore_itineraire_ville_elem_hebergement").height()){
			// on �dite la hauteur du bloc itineraire
			$("#content_explore_itineraire_etape_tab").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+"px");
			// on �dite le footer du bloc itin�raire
			$("#content_explore_itineraire_etape_footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+56+10+"px");
			// on �dite la hauteur du bloc info
			$("#content_explore_itineraire_ville_elem").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+"px");
			// on �dite le footer du bloc info
			$("#content_explore_itineraire_ville_footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+10+56+"px");
			if ($("#content_explore_map").is(':hidden')){
				// on �dite la taille du content g�n�ral et la position 
				$("#footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409+10+"px");
				$("#content_main").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409-39+10+"px");
				$("#content_center").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+409-39+10+"px");
			}
			else{
				// on �dite la taille du content g�n�ral et la position 
				$("#footer").css("top",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904+10+"px");
				$("#content_main").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904-39+10+"px");
				$("#content_center").css("height",$("#content_explore_itineraire_ville_elem_hebergement").height()+119+56+30+904-39+10+"px");
			}
		}
	}*/
}

function toggleItiRoadmap(i){
	
	if ($("#record"+i+"").height() == "30"){
		$("#infoiti"+i+"").show();
		$("#arrow"+i+"").css("height","7px");
		$("#arrow"+i+"").css("width","9px");
		$("#arrow"+i+"").css("background","url(./images/arrow_explore_info_ville_expanded.png)");
		$("#record"+i+"").css("height","83px");
	}
	else{
		$("#infoiti"+i+"").hide();
		$("#record"+i+"").css("height","30px");
		$("#arrow"+i+"").css("height","9px");
		$("#arrow"+i+"").css("width","7px");
		$("#arrow"+i+"").css("background","url(./images/arrow_explore_info_ville_collapsed.png)");
	
	}
}


function adaptHeight(){
	
	$("#footer").css("top",$("#footer").height()+1340+"px");
	$("#content_main").css("height",$("#content_main").height()+480+"px");
	$("#content_center").css("height",$("#content_center").height()+480+"px");
}