﻿function loadMap(lat, lng) {
    if (GBrowserIsCompatible()) {

        function createMarker(point, html) {
            var marker = new GMarker(point);
            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-canvas"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(lat, lng), 14);

        var point = new GLatLng(lat, lng);
        html = '<div style="font-family:Arial;font-size:12px;">To:  &nbsp;<img src="/imageserver/plumtree/portal/custom/SafecoCom/Image/safeco_logo_small.gif" alt="Safeco Insurance" align="middle"><br />' + html + '<br/><br/>From your location:' +
                '<form action="http://maps.google.com/maps" method="get" target="_blank" style="margin-top:2px;">' +
                '<input type="text" SIZE=60 MAXLENGTH=60 name="saddr" id="saddr" value="" /><br /><br />' +
                '<INPUT value="Get Directions" TYPE="SUBMIT">' +
                '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
                '"/></div>';

        var marker = createMarker(point, html)
        map.addOverlay(marker);
        marker.openInfoWindowHtml(html);

    }

    // display a warning if the browser was not compatible
    else {
        alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}
