function InitializeMap() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(-26.16369, 28.13227), 16);
        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);

            marker.openInfoWindowHtml("<div class='map-address-bubble'><div>Pellmeadow Office Park</div> <div>60 Civin Drive </div><div> Bedfordview, 2008</div><div>Gauteng</div><div> South Africa</div></div>");
            currentMarker = marker;
            return marker;
        }

        var latlng = new GLatLng(-26.16369, 28.13227);
        map.addOverlay(createMarker(latlng));
    }
}

function ShowMap() {
    $("#pnlMapModal").modal();
    window.setTimeout("SetMap();", 1000);
}

function SetMap() {
    $("#mapFrame").attr("src", "/map.htm");
}