function gmapsonload() {
    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.
      function createMarker(point,html) {
	var myIcon = new GIcon(G_DEFAULT_ICON); 
	//myIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png";
        var marker = new GMarker(point,{icon:myIcon});
        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 GMapTypeControl());
      map.setCenter(new GLatLng(27.784933,-15.666335),12);
      map.setCenter(new GLatLng(27.769134,-15.607152),14);
      map.addControl(new GSmallMapControl());


      // Set up three markers with info windows

      var point = new GLatLng(27.769134,-15.607152);
      var marker = createMarker(point,"<font color=\"#000000\" face=\"Arial\"><h2>Oficina Central Candle Palace</h2><p><b>C/ MIAMI N&deg; 41 BAJO</b><br />35109 Tablero de Maspalomas<br />Gran Canaria, Espa&ntilde;a</p></font>");
      map.addOverlay(marker);

      var point = new GLatLng(27.787948,-15.710911);
      var marker = createMarker(point,"<font color=\"#000000\" face=\"Arial\"><h2>Candle Palace Puerto Rico</h2><p><b>C.C Puerto Rico Lc 1-S</b><br /><i>35140 Mogan<br />Gran Canaria, Espa&ntilde;a</font></p>");
      map.addOverlay(marker);

      var point = new GLatLng(27.817984,-15.764737);
      var marker = createMarker(point,"<font color=\"#000000\" face=\"Arial\"><h2>Candle Palace Puerto de Mogan</h2><p><b>Urb. Pto. de Mogan Lc 139</b><br />35140 Mogan<br />Gran Canaria, Espa&ntilde;a</font></p>");
      map.addOverlay(marker);

      var point = new GLatLng(27.751883,-15.575137);
      var marker = createMarker(point, "<font color=\"#000000\" face=\"Arial\"><h2>Candle Palace C.C. Cita</h2><p><b>C.C Cita Lc 9-32<b/><br />35100 Playa del Ingles<br />San Bartolome de Tirajana<br />Gran Canaria, Espa&ntildea</font></p>");
      map.addOverlay(marker);

      var point = new GLatLng(27.760148,-15.567933);
      var marker = createMarker(point, "<font color=\"#000000\" face=\"Arial\"><h2>Candle Palace C.C. Plaza Maspalomas</h2><p><b>C.C. Plaza Maspalomas Lc 2</b><br />35100 Playa del Ingles<br />San Bartolome de Tirajana<br />Gran Canaria, Espa&ntildea</font></p>");
      map.addOverlay(marker);

      var point = new GLatLng(28.061983,-16.732178);
      var marker = createMarker(point, "<font color=\"#000000\" face=\"Arial\"><h2>Candle Palace Playa de las Americas</h2><p><b>Parque Santiago III Lc 108C</b><br />38660 Playa de las Americas<br />Tenerife, Espa&ntildea</font></p>");
      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");
    }
}

function showMap() {
	elem = document.getElementById("verplano");
	elem.innerHTML = '<a href="javascript:hideMap();">Ocultar plano</a>';
	elem = document.getElementById("map");
	elem.style.width = "625px";
	elem.style.height = "475px";
	elem.style.display= '';
	gmapsonload();
}

function hideMap() {
	elem = document.getElementById("verplano");
	elem.innerHTML = '<a href="javascript:showMap();">Ver plano</a>';
	elem = document.getElementById("map");
	elem.style.display = 'none';
}

