/*****************************************
** Projet Picto 2.5 made by CLP - 2010 **
** Copyright LPG 2010                  **
****************************************/

$path = "http://www.lpgsystems.fr/centers/";


/*code init*/

var api;
var distinctKine = true; 

/*event champs de recherche*/
 $(function(){ 
    
    $(":range").rangeinput({progress: false});

          
    var root = $(".scrollable").scrollable({ 
    vertical: true, 
    items: '#sidebar',
    mousewheel: true           
    });  
    
    window.api = root.data("scrollable");
    
    
     $("#mapsButton").click(function() {
             searchLocations();              
             });
      
   
      /*$(".tootTipTarget").tooltip({
      position:"top center"
      });*/

                
});

//fonction pour les tooltips des pictos
 function loadToolTip()
 {
       $(".tootTipTarget").live("mouseover", function() {    
            $(this).tooltip({   
                tip: '.tooltip',    
                effect: 'slide',  
               /* fadeOutSpeed: 100,
                predelay: 0,  
                position: "bottom right",*/
                offset: [-60, -80]
            }).show();  
        });
 }

 //??????
 function seek(id)
 {
      api.seekTo(id); 
 } 

 //deplacement du nuage de tag sous la carte
  function replaceNuageTag()
  {
        $("#blockNuage").insertAfter("#blockLegend");
  } 
  
   /*event champs des pays*/
 function changeCountry() {    
    if(document.getElementById('country').value == 'france')
    {
        distinctKine = true;
        document.getElementById('searchType').style.visibility = "visible";
        document.getElementById('CertifiedQuality').innerHTML = "Formation Pro";
    } else {          
        distinctKine = false;
        document.getElementById('searchType').style.visibility = "hidden";
        document.getElementById('CertifiedQuality').innerHTML = "Certified Quality";
    }
      document.getElementById('map').style.visibility = "hidden";
      document.getElementById('Legend').style.visibility = "hidden";
      $("#actions").hide();
      document.getElementById('sidebar').innerHTML = ''; 
   } 
 
/*event selection picto*/
 function checkPicto(idChkbox,idDiv)
 {
    if(document.getElementById(idChkbox).checked)  {
        document.getElementById(idChkbox).checked = false;
        document.getElementById(idDiv).className = "picto";  
    } else {
        document.getElementById(idChkbox).checked = true;
        document.getElementById(idDiv).className = "picto-select";
    }
 }
 
/* recuperation valeur radius*/
function getRadius() {
    var val = 0;

    for( i = 0; i < document.myForm.radRadius.length; i++ )
    {
    if( document.myForm.radRadius[i].checked == true )
        val = document.myForm.radRadius[i].value;
    }
    return val; 
} 

 /*event cliquet type de centre*/
 function selectType() {
        if(document.myForm.radType[0].checked) 
        {
            $("#paramHuber").addClass('show');
            $("#paramHuber").removeClass('hide');
            $("#paramMVF").addClass('show');
            $("#paramMVF").removeClass('hide');
            $("#paramEndermotheapie").addClass('show');
            $("#paramEndermotheapie").removeClass('hide');
            $("#paramHub").addClass('show');
            $("#paramHub").removeClass('hide');
            $("#spanLipomassage").html("Lipomassage");
        }
        else if(document.myForm.radType[2].checked)
        {
            $("#paramHuber").addClass('hide');
            $("#paramHuber").removeClass('show');
            $("#paramMVF").addClass('hide');
            $("#paramMVF").removeClass('show');
            $("#paramEndermotheapie").addClass('hide');
            $("#paramEndermotheapie").removeClass('show');
            $("#paramHub").addClass('hide');
            $("#paramHub").removeClass('show');
            $("#spanLipomassage").html("Lipomassage");            
        }
        else
        {
            $("#paramHuber").addClass('hide');
            $("#paramHuber").removeClass('show');
            $("#paramMVF").addClass('hide');
            $("#paramMVF").removeClass('show');
            $("#paramEndermotheapie").addClass('hide');
            $("#paramEndermotheapie").removeClass('show');
            $("#paramHub").addClass('hide');
            $("#paramHub").removeClass('show');
            $("#spanLipomassage").html("Lipomodelage");            
        }
 
   }
   
   function showParam() {
   //alert($("#divParam").offset().top);
   if($("#divParam").offset().top == 317) {
       $("#divParam").animate({
          top: "-146"
        }, "slow"); 
        $("#divSpace").animate({
          height: "60"
        }, "slow");
        $("#imgParam").attr("src",$path + "img/fleche-bas.jpg");  
   }else {
          $("#divParam").animate({
          top: "147"
        }, "slow");   
        $("#divSpace").animate({
          height: "330"
        }, "slow");
        $("#imgParam").attr("src",$path + "img/fleche-haut.jpg");    
   }
   }
   
/****** code google maps ******/ 
/*declaration variable*/
    var map;
    var geocoder;
    var markers = [];
    var infoWindow;
    var iconLpg;
    var panorama;
    var bounds;

    
/*code chargement google maps*/  
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    geocoder = new google.maps.Geocoder();
    var myOptions = {
      zoom: 8,
      center: latlng,
      scrollwheel: false ,
     navigationControlOptions: {
        style: google.maps.NavigationControlStyle.ZOOM_PAN
        
    },
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), myOptions);
    infoWindow = new google.maps.InfoWindow;
    iconLpg =  new google.maps.MarkerImage($path+'img/picto-lpg.png',
    // This marker is 20 pixels wide by 32 pixels tall.
    new google.maps.Size(32, 32),
    // The origin for this image is 0,0.
    new google.maps.Point(0,0),
    // The anchor for this image is the base of the flagpole at 0,32.
    new google.maps.Point(0, 32));

  // Ajout d'un bouton pour revenir à tous les centres
  var showAllControlDiv = document.createElement('DIV');
  var showAllControl = new ShowAllControl(showAllControlDiv, map);
  showAllControlDiv.index = 1;
  map.controls[google.maps.ControlPosition.TOP].push(showAllControlDiv);


  }
  
    /*fonction de téléchargement du fichier AJAX*/
    function downloadUrl(url,callback) {
     var request = window.ActiveXObject ?
         new ActiveXObject('Microsoft.XMLHTTP') :
         new XMLHttpRequest;

     request.onreadystatechange = function() {
       if (request.readyState == 4) {
         request.onreadystatechange = doNothing;
         callback(request.responseText, request.status);
       }
     };

     request.open('GET', url, true);
     request.send(null);
    } 
  
  /* fonction de recherche geocodage de l'adresse rechercher*/
  function searchLocations() {             
      var address = document.getElementById('addressInput').value + ',' + document.getElementById('country').value;
     
      if(document.getElementById('addressInput').value == "") {
          alert(EMPTY_ADDRESS);          
      } else {
          /*workaround pour le bug des arrondissemnts*/
          if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75009") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.87700),parseFloat(2.33734));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75012") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.84163),parseFloat(2.3879)); 
              searchLocationsNear(latlng);    
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75013") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.82960),parseFloat(2.3596));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75014") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.38152),parseFloat(2.3273));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75015") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.84225),parseFloat(2.2954));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75016") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.85965),parseFloat(2.2770));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75017") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.88742),parseFloat(2.30445));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75018") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.89233),parseFloat(2.34926));  
              searchLocationsNear(latlng);                
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75019") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.88613),parseFloat(2.38316));  
              searchLocationsNear(latlng);
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75020") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.86445),parseFloat(2.39887));  
              searchLocationsNear(latlng); 
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.search("75020") != -1) {
              var latlng = new google.maps.LatLng(parseFloat(48.87326),parseFloat(2.3113));  
              searchLocationsNear(latlng);    
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value == "ville") {
              var latlng = new google.maps.LatLng(parseFloat(48.342968),parseFloat(7.30149));  
              searchLocationsNear(latlng);                
               replaceNuageTag();
          } else if(document.getElementById('country').value == 'France' && document.getElementById('addressInput').value.toUpperCase() == "ORANGE") {
              var latlng = new google.maps.LatLng(parseFloat( 44.13715),parseFloat(4.80746));  
              searchLocationsNear(latlng);                
               replaceNuageTag();              
 
          } else {
                  geocoder.geocode( { 'address': address}, function(results, status) {
                      if (status == google.maps.GeocoderStatus.OK) {
                          searchLocationsNear(results[0].geometry.location); 
                      } else {
                        alert(address + NOT_FOUND); 
                      }
                   });
          }
     }    
    loadToolTip();   
   }
   
   function setKilometer()
   {
        $("#kilometer").html($("#radius").val());
        searchLocations();
   }
   
   /*envoi des parametre en ajax et recuperation des resultat*/
   function searchLocationsNear(center) {
     $("#divError").hide();
     $("#wait").show();
     $("#actions").fadeOut();
     /*var radius = getRadius();    */
     var searchUrl = ''+$path+'data/center.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + document.myForm.radius.value + '&body=' + document.myForm.chkBody.checked + '&distinctKine=' + distinctKine;
     searchUrl += '&face=' + document.myForm.chkFace.checked + '&spineforce=' +  document.myForm.chkSpineforce.checked + '&kine=' + document.myForm.radType[0].checked + '&institut=' + document.myForm.radType[1].checked + '&medesth=' + document.myForm.radType[2].checked + '&spa=' + document.myForm.radType[3].checked;       
     searchUrl += '&cosmetic=' + document.myForm.chkCosmetic.checked + '&wellbox=' + document.myForm.chkWellbox.checked+ '&address=' +  document.myForm.addressInput.value + '&country=' + document.getElementById('country').value;
     searchUrl += '&cellu2010=' + document.myForm.chkCM6_2010.checked + '&cellu2007=' + document.myForm.chkCM6_2007.checked+ '&cellu2002=' +  document.myForm.chkCM6_2002.checked + '&celluOld=' + document.myForm.chkCM6_old.checked;
     searchUrl += '&HML=' + document.myForm.chkHML.checked + '&cpineforce=' + document.myForm.chkSpineForce.checked+ '&huber=' +  document.myForm.chkHuber.checked + '&endermotherapie=' + document.myForm.chkEndermotherapie.checked;
     searchUrl += '&mvf=' + document.myForm.chkMVF.checked + '&mylpgp=' + document.myForm.chkMylpgp.checked + '&expert=' + document.myForm.chkExpert.checked+ '&fullEndermospa=' +  document.myForm.chkFullEndermospa.checked+ '&cornerEndermospa=' +  document.myForm.chkCornerEndermospa.checked + '&distinctKine=' +  distinctKine;  
     
     downloadUrl(searchUrl, function(data) {
       var xml = parseXml(data);
       var markers = xml.documentElement.getElementsByTagName("marker");
       bounds = new google.maps.LatLngBounds();

       clearLocations();

       var sidebar = document.getElementById('sidebar');
       sidebar.innerHTML = '';
       if (markers.length == 0) {
         $("#divError").show();
         document.getElementById('displayMapCenters').style.visibility = "hidden";               
         $("#wait").hide();
         return;
       }

       for (var i = 0; i < markers.length; i++) {
         var name = markers[i].getAttribute('name');
         var address = markers[i].getAttribute('address');
         var zip = markers[i].getAttribute('zip');
         var city = markers[i].getAttribute('city');
         var tel = markers[i].getAttribute('tel');
         var facebook = markers[i].getAttribute('facebook');  
         var website = markers[i].getAttribute('website');  
         var gen_cellu = markers[i].getAttribute('gen_cellu');
         var gen_huber = markers[i].getAttribute('gen_huber');
         var spineforce = markers[i].getAttribute('spineforce');
         var lipomassage = markers[i].getAttribute('lipomassage');
         var endermolift = markers[i].getAttribute('endermolift');
         var endermotherapie = markers[i].getAttribute('endermotherapie');
         var wellbox = markers[i].getAttribute('wellbox');
         var cosmetic = markers[i].getAttribute('cosmetic');
         var mvf = markers[i].getAttribute('mvf');
         var mylpgp = markers[i].getAttribute('mylpgp');
         var cornerspa = markers[i].getAttribute('cornerspa');
         var fullspa = markers[i].getAttribute('fullspa');
         var quality = markers[i].getAttribute('quality');
         var distance = parseFloat(markers[i].getAttribute('distance'));         
         var point = new google.maps.LatLng(parseFloat(markers[i].getAttribute('lat')),
                                 parseFloat(markers[i].getAttribute('lng')));
         
         /*var marker = createMarker(point, name, address, zip, city, tel, website, gen_cellu, spineforce, lipomassage, endermolift, wellbox, cosmetic, mvf, cornerspa, fullspa, quality, i );
         map.addOverlay(marker);
         var sidebarEntry = createSidebarEntry(marker, name, address, zip, city, tel, website, distance, gen_cellu, spineforce, lipomassage, endermolift, wellbox, cosmetic, mvf, cornerspa, fullspa, quality, i);
         */
         sInfos = createInfoWindow( name, address, zip, city, tel, facebook, website, distance, gen_cellu, gen_huber, spineforce, lipomassage, endermolift, endermotherapie, wellbox, cosmetic, mvf, mylpgp, cornerspa, fullspa, quality);
         var marker = createMarker(point, sInfos, i);   
         sInfos = createCentersInformation( name, address, zip, city, tel, facebook, website, distance, gen_cellu, gen_huber, spineforce, lipomassage, endermolift, endermotherapie, wellbox, cosmetic, mvf, mylpgp, cornerspa, fullspa, quality);
         var sidebarEntry = createSidebarEntry(marker, sInfos, i);
         
         sidebar.appendChild(sidebarEntry);         
         bounds.extend(point);         
       }
       $(".lpg-center").addClass("item"); 

       map.fitBounds(bounds);
       seek(0);
       
       document.getElementById('displayMapCenters').style.visibility = "visible";
       $("#actions").fadeIn();
       $("#wait").hide();    
       
       $("#divParam").animate({
          top: "147"
        }, "slow");   
        $("#divSpace").animate({
          height: "330"
        }, "slow");
        $("#imgParam").attr("src",$path + "img/fleche-haut.jpg");    
       
     });
   } 
   
   /*ajout des centres dans la sidebar*/
   function createSidebarEntry(marker, sInfos, id) {
      var div = document.createElement('div');
      div.id = id;
      var html = sInfos ;
 
      div.innerHTML = html;
      div.style.cursor = 'pointer';
      div.className = 'lpg-center';
      
      google.maps.event.addDomListener(div, 'click', function() {
        google.maps.event.trigger(marker, 'click');
        bSel = true;
      });          
      return div;
    }
    
    /*ajout des centre sur la carte*/ 
    function createMarker(point, sInfos, id) {
       var html = '<div class="infoWindowContent" >' + sInfos;
       
       /*html += checkStreetView(point);*/
       
      
       
       var marker = new google.maps.Marker({
            map: map,
            position: point,
            icon: iconLpg
        });
        
        google.maps.event.addListener(marker, 'click', function() {
            infoWindow.setContent(html);
            infoWindow.open(map, marker);            
            seek(id);
            map.setCenter(point);
            map.setZoom(15);
            document.getElementById('sidebar').scrollTop=document.getElementById(id).offsetTop;
            $("#sidebar .lpg-center-select").addClass("lpg-center");             
            $("#sidebar .lpg-center-select").removeClass("lpg-center-select");
            document.getElementById(id).className = 'lpg-center-select';
            bSel = true;       
      }); 
        markers.push(marker);
        
      return marker;
    }   
    
    function  checkStreetView(point) {
        
        /*var html = "--";
        var check_availability_lock = false;
        var check_availability = function() {
            if (check_availability_lock) {
                return;
            }
            check_availability_lock = true; 
            var availability_cb = function(data, status) {
                check_availability_lock = false;           
                html +=  'status = ' + status;
                if (status == 'OK') { */
                    html = '<br /><a href="#nogo" onclick="toggleStreetView('+ point.lat() +','+ point.lng() +');">street view</a></div>';
              /*  }  else {
                    html = 'connard';
                }
            };
            setTimeout(function(){                
                map.getPanoramaByLocation(point, 50, availability_cb);
            }, 2000);
        };     */
        
        return html;
    }
   
  /* function toggleStreetView(lat, lng) {
            var panorama = map.getStreetView();
            var point = new google.maps.LatLng(lat,lng);            
            panorama.setPosition(point);            
            panorama.setPov({
              heading: 265,
              zoom:1,
              pitch:0}
            );
            
            panorama.setVisible(true);


}   */

   
   /*creation du contenu HTML de la sidebar*/
   function createCentersInformation( name, address, zip, city, tel, facebook, website, distance, gen_cellu, gen_huber, spineforce, lipomassage, endermolift, endermotherapie, wellbox, cosmetic, mvf, mylpgp, cornerspa, fullspa, quality){
     var html = '<b style="color:#fff">' + distance.toFixed(1) + ' km</b><br /><b>'+ name +'</b><br/>' + address + '<br/>' + zip + ' ' + city + '<br /><b>Tel. : ' + tel + '</b><br />';
     if (facebook != "")
        html += '<a href="http://www.lpgsystems.fr/centers/' + facebook + '" target="_blank"><img src="img/voir-centre.png"></a><br />';
     else if (website != "")
        html += '<a href="http://' + website + '" target="_blank">' + website + '</a><br />';
     else
        html += '<br />';   
     if(gen_cellu == 1)
        html += '<img class="tootTipTarget" width="30" height="30" title="Ancienne G&eacute;n&eacute;ration cellu M6" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 2)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Keymodule" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 3)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Keymodule[2]" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 4)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Integral / Endermolab" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png">';
     if(gen_huber == 1)
        html += '<img class="tootTipTarget" width="30" height="30" title="Ancienne G&eacute;n&eacute;ration HUBER" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
     if(gen_huber == 2)
        html += '<img class="tootTipTarget" width="30" height="30"  title="HUBER Spineforce" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
     if(gen_huber == 3)
        html += '<img class="tootTipTarget" width="30" height="30"  title="HUBER MOTION LAB" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
      if(endermolift == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Soin visage LPG" src="'+$path+'img/picto-face-over.png" alt ="Soin du visage">';
      if(lipomassage == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Soin corps LPG" src="'+$path+'img/picto-body-over.png" alt="Soin du corps">';
      if(endermotherapie == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="endermotherapie" src="'+$path+'img/picto-endermotherapie.png" alt="endermotherapie">';  
      if(wellbox == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Revendeur wellbox" src="'+$path+'img/picto-wellbox-over.png" alt="Wellbox">';
      if(cosmetic == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Revendeur cosm&eacute;tiques LPG" src="'+$path+'img/picto-cosmetique-over.png" alt="Cosmetique">';         
      if(mvf == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Espace MVF" src="'+$path+'img/picto-mvf.png">'; 
      if(mylpgp == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="My Lpg Program" src="'+$path+'img/picto-my-LPG-program.png">'; 
      if(cornerspa == 1)
        html += '<img class="tootTipTarget width="30" height="30"  title="Corner Endermospa" src="'+$path+'img/picto-cornerspa.png">';
      if(fullspa == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Corner Endermospa" src="'+$path+'img/picto-endermospa-full.png">';                  
      if(quality == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Formation expert" src="'+$path+'img/picto-quality.png">';
       
       html += '</div>';
        
      return html;          
   }
   
      /*creation du contenu HTML de la sidebar*/
   function createInfoWindow( name, address, zip, city, tel, facebook, website, distance, gen_cellu, gen_huber, spineforce, lipomassage, endermolift, endermotherapie, wellbox, cosmetic, mvf, mylpgp, cornerspa, fullspa, quality){
     var html = '<b>'+name +'</b><br/>' + address + '<br/>' + zip + ' ' + city + '<br /><b>Tel. : ' + tel + '</b><br />';     
    /* if(gen_cellu == 1)
        html += '<img class="tootTipTarget" width="30" height="30" title="Ancienne G&eacute;n&eacute;ration cellu M6" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 2)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Keymodule" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 3)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Keymodule[2]" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png" >';
     if(gen_cellu == 4)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Cellu M6 Integral / Endermolab" src="'+$path+'img/picto-cellu-gen' + gen_cellu + '.png">';
     if(gen_huber == 1)
        html += '<img class="tootTipTarget" width="30" height="30" title="Ancienne G&eacute;n&eacute;ration HUBER" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
     if(gen_huber == 2)
        html += '<img class="tootTipTarget" width="30" height="30"  title="HUBER Spineforce" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
     if(gen_huber == 3)
        html += '<img class="tootTipTarget" width="30" height="30"  title="HUBER MOTION LAB" src="'+$path+'img/picto-huber-gen' + gen_huber + '.png" >';
      if(endermolift == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Soin visage LPG" src="'+$path+'img/picto-face-over.png" alt ="Soin du visage">';
      if(lipomassage == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Soin corps LPG" src="'+$path+'img/picto-body-over.png" alt="Soin du corps">';
      if(endermotherapie == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="endermotherapie" src="'+$path+'img/picto-endermotherapie.png" alt="endermotherapie">';  
      if(wellbox == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Revendeur wellbox" src="'+$path+'img/picto-wellbox-over.png" alt="Wellbox">';
      if(cosmetic == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Revendeur cosm&eacute;tiques LPG" src="'+$path+'img/picto-cosmetique-over.png" alt="Cosmetique">';         
      if(mvf == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Espace MVF" src="'+$path+'img/picto-mvf.png">'; 
      if(mylpgp == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="My Lpg Program" src="'+$path+'img/picto-my-LPG-program.png">'; 
      if(cornerspa == 1)
        html += '<img class="tootTipTarget width="30" height="30"  title="Corner Endermospa" src="'+$path+'img/picto-cornerspa.png">';
      if(fullspa == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Corner Endermospa" src="'+$path+'img/picto-endermospa-full.png">';                  
      if(quality == 1)
        html += '<img class="tootTipTarget" width="30" height="30"  title="Formation expert" src="'+$path+'img/picto-quality.png">';   */
       
       html += '</div>';
        
      return html;          
   }
   
   function ShowAllControl(controlDiv, map) {

  // Set CSS styles for the DIV containing the control
  // Setting padding to 5 px will offset the control
  // from the edge of the map
  controlDiv.style.padding = '5px';

  // Set CSS for the control border
  var controlUI = document.createElement('DIV');
  controlUI.style.backgroundColor = 'white';
  controlUI.style.borderStyle = 'solid';
  controlUI.style.borderWidth = '2px';
  controlUI.style.cursor = 'pointer';
  controlUI.style.textAlign = 'center';
  controlUI.style.width = '150px';
  /*controlUI.style.top = 'auto !important';
  controlUI.style.left = 'auto !important';
  controlUI.style.right = '0px !important';
  controlUI.style.bottom = '20px !important'; */
  controlUI.title = 'Click to set the map to Home';
  controlDiv.appendChild(controlUI);

  // Set CSS for the control interior
  var controlText = document.createElement('DIV');
  controlText.style.fontFamily = 'Arial,sans-serif';
  controlText.style.fontSize = '12px';
  controlText.style.paddingLeft = '4px';
  controlText.style.paddingRight = '4px';
  //controlText.style.marginBottom = '15px';
  controlText.innerHTML = '<b>Afficher tous les centres</b>';
  controlUI.appendChild(controlText);

  // Setup the click event listeners: simply set the map to
  // Chicago
  google.maps.event.addDomListener(controlUI, 'click', function() {
    map.fitBounds(bounds);
  });

}


   
/*fonction qui retire les markers*/
function clearLocations() {
  infoWindow.close();
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(null);
  }
  markers.length = 0;
}
   
   
/*fonction de parse XML*/
    function parseXml(str) {
      if (window.ActiveXObject) {
        var doc = new ActiveXObject('Microsoft.XMLDOM');
        doc.loadXML(str);
        return doc;
      } else if (window.DOMParser) {
        return (new DOMParser).parseFromString(str, 'text/xml');
      }
    }

   
/*fonction qui ne fait rien sert pour attendre le chargement du fichier xml*/
   function doNothing() {}