$(document).ready(function(){
       initialize();
       $("#map_canvas").hide();
	$("#HowToFindUS").click(function(e) {
			$("#map_canvas").modal({
                            position: ["25%", "25%"],
                            onClose: modalClose,
                            onOpen: modalOpen
                        });
	});
});

function modalClose(dialog) {
    dialog.data.fadeOut('slow', function() {
        dialog.container.hide('slow', function() {
            dialog.overlay.slideUp('slow', function() {
                $.modal.close();                
            });
        });
    });
}


function modalOpen(dialog) {
    dialog.overlay.fadeIn('slow', function() {
        dialog.container.fadeIn('slow', function() {
            dialog.data.slideDown('slow', function() {
            });
        });
    });
}
    var highlightCircle; 
    var currentMarker; 
    var map; 
             
    function initialize() { 
	if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(-26.143438,28.038461), 15); 
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
 
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon(G_DEFAULT_ICON);
        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);
 
        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point) {
          var marker = new GMarker(point);
 

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("14A Jellicoe Avenue<br />NEDLAC House, Rosebank<br />2196");
	    currentMarker = marker;
          });
          return marker;
        }
 
          var latlng = new GLatLng(-26.143438,28.038461);
          map.addOverlay(createMarker(latlng));
      }
    }