var base = "http://laptop1/sof/";
$(document).ready(function() {
  showMap();
});
$(window).unload( function () { GUnload(); } );

 function showMap()
        {
      if (GBrowserIsCompatible()) { 
        
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }
            
      var map = new GMap2(document.getElementById("departure_map_1"));
      map.addControl(new GSmallMapControl());	
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(-16.922781260510945, 145.77664375305176),15);
            
      
      var map2 = new GMap2(document.getElementById("departure_map_2"));
      map2.addControl(new GSmallMapControl());	
      map2.addControl(new GMapTypeControl());
      map2.setCenter(new GLatLng(-16.881740300259047, 145.746608376503),15);
        
      var point = new GLatLng(-16.92546021205463, 145.78037604689598);
      var marker = createMarker(point,'<div style="width:240px"><b>Trinity Wharf</b> - Deparure point Monday Departures<\/div>')
      map.addOverlay(marker);

      var point = new GLatLng(-16.920836174110637, 145.77832281589508);
      var marker = createMarker(point,'<div style="width:240px"><b>Tusa Dive Shop</b> - Feel free to drop in and ask any questions.<\/div>')
      map.addOverlay(marker);
              
      var point = new GLatLng(-16.881740300259047, 145.746608376503);
      var marker = createMarker(point,'<div style="width:240px"><b>Hinterland Aviation</b> - Deparure point Thursday Departures<\/div>')
      map2.addOverlay(marker);      
      
      GEvent.addListener(map, "moveend", function() {
          var center = map.getCenter();          
        });

    }
    
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}