// JavaScript Document
//<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(12.151665, -68.279999), 10);
		map.setMapType(G_SATELLITE_MAP);

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		baseIcon.iconSize = new GSize(20, 34);
		baseIcon.shadowSize = new GSize(37, 34);
		baseIcon.iconAnchor = new GPoint(9, 34);
		baseIcon.infoWindowAnchor = new GPoint(9, 2);
		baseIcon.infoShadowAnchor = new GPoint(18, 25);

        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index, label) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
		  var icon = new GIcon(baseIcon);
          icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
          var marker = new GMarker(point, icon);

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(label);
          });
          return marker;
        }
          map.addOverlay(createMarker(new GPoint(-68.275824, 12.156633), 0, '<div style="width: 180px;"><b>Park Bonaire Exclusive</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.275834, 12.152567), 1, '<div style="width: 180px;"><b>Cultimara</b><br>Supermarket</div>'))
		  map.addOverlay(createMarker(new GPoint(-68.277969, 12.151665), 2, '<div style="width: 180px;"><b>Karels Bar</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.277143, 12.150532), 3, '<div style="width: 180px;"><b>City Caf&eacute;</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.277208, 12.152819), 4, '<div style="width: 180px;"><b>Crocantino</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.281896, 12.16016), 5, '<div style="width: 180px;"><b>The Yellow Submarine</b><br>every visitor of BONAIREEXCLUSIEF.NL recieves a 20% discount on several services</div>'))
		  map.addOverlay(createMarker(new GPoint(-68.276886, 12.151203), 6, '<div style="width: 180px;"><b>Kaya Grandi</b><br>Shopping area</div>'))
		  map.addOverlay(createMarker(new GPoint(-68.2767, 12.1523), 7, '<div style="width: 180px;"><b>Maduro and Curiels bank</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.2796, 12.156941), 8, '<div style="width: 180px;"><b>Regatta House</b><</div>'))
		  map.addOverlay(createMarker(new GPoint(-68.272122, 12.159007), 9, '<div style="width: 180px;"><b>RBBT bank</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.2766, 12.1333), 10, '<div style="width: 180px;"><b>Flamingo airport</b></div>'))		
		  map.addOverlay(createMarker(new GPoint(-68.277916, 12.153878), 11, '<div style="width: 180px;"><b>Freewheeler</b></div>'))		
		  map.addOverlay(createMarker(new GPoint(-68.300049, 12.159531), 12, '<div style="width: 180px;"><b>Small Bonaire</b></div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.304995, 12.168236), 13, '<div style="width: 180px;"><b>Small Bonaire Beach</b></div>'))
		  map.addOverlay(createMarker(new GPoint(-68.276328, 12.145886), 14, '<div style="width: 180px;"><b>Beach</b><br>located at no more than 500 meters</div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.276435, 12.137925), 15, '<div style="width: 180px;"><b>Beach Plaza</b></div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.278034, 12.14985), 16, '<div style="width: 180px;"><b>Pier for Cruiseschips</b></div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.276768, 12.14877), 17, '<div style="width: 180px;"><b>Fort Orange</b><br>Monumental fort</div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.278345, 12.153647), 18, '<div style="width: 180px;"><b>It Rains Fishes</b></div>'))  
		  map.addOverlay(createMarker(new GPoint(-68.277433, 12.152378), 19, '<div style="width: 180px;"><b>Little Havana</b></div>'))         
		  map.addOverlay(createMarker(new GPoint(-68.282958, 12.163747), 20, '<div style="width: 180px;"><b>Tennis courts</b></div>'))   
		  map.addOverlay(createMarker(new GPoint(-68.284997, 12.163863), 21, '<div style="width: 180px;"><b>Harbour Bonaire</b></div>'))   
	  }
    }
      
    //]]>