function load() {
if (GBrowserIsCompatible()) { 
      // A function to create the marker and set up the event window
      // Dont try to unroll this function. It has to be here for the function closure
      // Each instance of the function preserves the contends of a different instance
      // of the "marker" and "html" variables which will be needed later when the event triggers.    


       var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(32,32);
          baseIcon.shadowSize=new GSize(56,32);
          baseIcon.iconAnchor=new GPoint(16,32);
          baseIcon.infoWindowAnchor=new GPoint(16,0);

       var chambres = new GIcon(baseIcon, "http://www.tourisme-coeurdelomagne.fr/images/picto-chambres.png", null, "http://maps.google.com/mapfiles/kml/pal3/icon21s.png");    



      function createMarker(point,html,icon) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }



      // Display the map, with some controls and set the initial location 
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(43.89294437871145,0.8074951171875),11);

       // Set up three markers with info windows 
    
      var point = new GLatLng(43.892279458190195,0.7706308364868164);
      var marker = createMarker(point,'<div style="width:240px">La Garlande</div>', chambres)
      map.addOverlay(marker);
      
      var point = new GLatLng(43.89172664070971,0.7706469297409058);
      var marker = createMarker(point,'<div style="width:240px">Autrefois La Modiste</div>', chambres)
      map.addOverlay(marker);
      
      var point = new GLatLng(43.88903206526466,0.7668757438659668);
      var marker = createMarker(point,'<div style="width:240px">Les Deux Puits</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.91910233469888,0.819554328918457);
      var marker = createMarker(point,'<div style="width:240px">La Ferme des Etoiles</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.89151788312358,0.7702767848968506);
      var marker = createMarker(point,'<div style="width:240px">Caroline Gonzalez</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.89110423167113,0.7696384191513061);
      var marker = createMarker(point,'<div style="width:240px">Le tournesol</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.86338303975636,0.8118027448654175);
      var marker = createMarker(point,'<div style="width:240px">Au village</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.928699,0.72869);
      var marker = createMarker(point,'<div style="width:240px">Aux Metges</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.93396952210725,0.902552604675293);
      var marker = createMarker(point,'<div style="width:240px">Ferme de Floris</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.875726730408644,0.7960152626037598);
      var marker = createMarker(point,'<div style="width:240px">La Marquisette</div>', chambres)
      map.addOverlay(marker);

      var point = new GLatLng(43.81529184369536,0.6342780590057373);
      var marker = createMarker(point,'<div style="width:240px">Le Clos des Cèdres</div>', chambres)
      map.addOverlay(marker);


    }
    
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}

window.onload=load;
window.onunload=GUnload; 
