if (GBrowserIsCompatible()) {
//------------------données de départ	
	  	var centerLatitude = 48.6;
		var centerLongitude = -2.58;
		var startZoom = 8;
		var map;
		var gmarkers = [];
      	var htmls = [];
//------------------chargement de la carte
	  function load() {
        map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(centerLatitude,centerLongitude), startZoom);
		recuperer_marqueurs();
      }
	  addLoadEvent(load);
//------------------Personnalisation des icones
     var icon = new GIcon();
        icon.image = "http://vds282.sivit.org/clients/ardoisieres-de-galice/medias/marqueur.png";
        icon.shadow = "http://vds282.sivit.org/clients/ardoisieres-de-galice/medias/marqueur_ombre.png";
        icon.iconSize = new GSize(24, 29);
        icon.shadowSize = new GSize(38, 29);
        icon.iconAnchor = new GPoint(12, 29);
       // icon.infoWindowAnchor = new GPoint(15, 1);
     var gicons = [];
        gicons["zone1"]  = icon;
        gicons["maison"] = new GIcon(icon, "http://vds282.sivit.org/clients/ardoisieres-de-galice/medias/marqueur.png");
        gicons["strong"]  = new GIcon(icon, "http://vds282.sivit.org/clients/ardoisieres-de-galice/medias/marqueur_strong.png");
        gicons[""] = new GIcon(icon, "");
        gicons[""]  = new GIcon(icon, ""); 

//------------------Fonction de création des marqueurs
      function createMarker(point,label,html,icontype) {
        var marker = new GMarker(point, gicons[icontype]);
       // GEvent.addListener(marker, "click", function() {
        //  marker.openInfoWindowHtml(html);
        //});
		gmarkers[label] = marker;
       // htmls[label] = html;
        return marker;
      }
//------------------Survol du listing	  
	  function clic(label) {
       //gmarkers[label].openInfoWindowHtml(htmls[label]);
		var point=gmarkers[label].getPoint();
		 map.setCenter(point, 14);
		//map.panTo(point);
		//map.setZoom(14)
	  }
	  function survol(label) {
		var point=gmarkers[label].getPoint();
		var marker=createMarker(point,label+'2','html','strong');
        map.addOverlay(marker);
		//document.getElementById("bien_"+label).style.background="#eee";
      }
	  function quitte(label) {
		  alert('test');
		//map.closeInfoWindow();
		//map.setZoom(startZoom);
		map.removeOverlay(gmarkers[label+'2']);
		//document.getElementById("bien_"+label).style.background="none";
      }
//------------------Fonction de récuperation des marqueurs

function recuperer_marqueurs() {
      // Read the data from example5.xml
      var request = GXmlHttp.create();
      request.open("GET", "../js/carte_data.xml", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = request.responseXML;
          // obtain the array of markers and loop through it
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            // obtain the attribues of each marker
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat,lng);
            var html = markers[i].getAttribute("html");
            var label = markers[i].getAttribute("label");
            // === read the icontype attribute ===
            var icontype = markers[i].getAttribute("icontype");
            // === create the marker, passing the icontype string ===
            var marker = createMarker(point,label,html,icontype);
            map.addOverlay(marker);
          }
        }
      }
      request.send(null);
}

    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }