var dnn_ctr580_JetkeySmartMap_GMap1 = null;

window.onload = function()
{
    if (GBrowserIsCompatible())
    {
        var lat = document.getElementById(latId).value;
        var lng = document.getElementById(lngId).value;
        var point = new GLatLng(lat, lng);
        var zoom = 3;

        dnn_ctr580_JetkeySmartMap_GMap1 = new GMap2(document.getElementById('dnn_ctr580_JetkeySmartMap_GMap1'),
                                                        { mapTypes: [G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP, G_PHYSICAL_MAP, G_SATELLITE_3D_MAP],
                                                            size: new GSize(465, 465),
                                                            draggableCursor: "default",
                                                            draggingCursor: "default"
                                                        });
        dnn_ctr580_JetkeySmartMap_GMap1.setCenter(point, zoom);
        dnn_ctr580_JetkeySmartMap_GMap1.setMapType(G_PHYSICAL_MAP);
        new GKeyboardHandler(dnn_ctr580_JetkeySmartMap_GMap1);

        //dnn_ctr580_JetkeySmartMap_GMap1.clearOverlays();
        //dnn_ctr580_JetkeySmartMap_GMap1_overlays = new Array();

        var bounds = new GLatLngBounds();
        bounds.extend(point);
        var center = bounds.getCenter();
        dnn_ctr580_JetkeySmartMap_GMap1.setCenter(center);
        var zoom = dnn_ctr580_JetkeySmartMap_GMap1.getBoundsZoomLevel(bounds);
        dnn_ctr580_JetkeySmartMap_GMap1.setZoom(zoom);

        addMarker(point);

        //var dnn_ctr580_JetkeySmartMap_GMap1_gOverviewMapControl = new GOverviewMapControl(new GSize(120, 120));
        //dnn_ctr580_JetkeySmartMap_GMap1.addControl(dnn_ctr580_JetkeySmartMap_GMap1_gOverviewMapControl);
        //dnn_ctr580_JetkeySmartMap_GMap1_gOverviewMapControl.hide(true);

        dnn_ctr580_JetkeySmartMap_GMap1.enableDoubleClickZoom();
        dnn_ctr580_JetkeySmartMap_GMap1.enableContinuousZoom();

        var dnn_ctr580_JetkeySmartMap_GMap1_gMapTypeControl = new GMapTypeControl(true);
        dnn_ctr580_JetkeySmartMap_GMap1.addControl(dnn_ctr580_JetkeySmartMap_GMap1_gMapTypeControl);

        var dnn_ctr580_JetkeySmartMap_GMap1_gLargeMapControl = new GLargeMapControl();
        dnn_ctr580_JetkeySmartMap_GMap1.addControl(dnn_ctr580_JetkeySmartMap_GMap1_gLargeMapControl);
    }
};

window.onunload = function()
{
    GUnload(); 
};



function addMarker(point)
{
    var icon = new GIcon();
    icon.iconAnchor = new GPoint(16, 32);
    icon.iconSize = new GSize(39, 34);
    icon.image = jetkeyIconPath + "arrow.png";
    icon.infoWindowAnchor = new GPoint(10, 3); // new GPoint(5, 1);
    icon.shadow = jetkeyIconPath + "arrowshadow.png";
    icon.shadowSize = new GSize(39, 34);

    var locationInfo = selfHtml("locationNameDiv") + selfHtml("addressDiv") + selfHtml("contactDiv");
    
    var name = "marker0";
    var info = locationInfo.replace(/"\[\[/g, "\"");
    info = info.replace(/\]\]"/g, "\"");
    var ci = "<div class=\"misinfo\">" + info + "</div>";
    var marker = createMarker(point, name, ci, 0, icon);

    dnn_ctr580_JetkeySmartMap_GMap1.addOverlay(marker);
}


function selfHtml(id)
{
    return jQuery("<div>").append(jQuery("#" + id).clone()).remove().html()
}


var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];

// A function to create the marker and set up the event window
function createMarker(point, name, html, i, customIcon)
{
    var marker = new GMarker(point, customIcon);

    // The info window version with the "to here" form open
    to_htmls[i] = html +
           '<br />' +
           '<b>Directions:</b> <b>To here</b> - <a href="javascript:void(0);" onclick="fromhere(' + i + ');">From here</a>' +
           '<div style="padding-top: 3px;">' +
           '    Start address:<br />' +
           '    <form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '        <div style="padding-left: 20px;">' +
           '            <input type="text" size="40" maxlength="48" name="saddr" id="saddr" value="" class="textbox" /><br />' +
           '            <div style="padding-top: 3px; padding-bottom: 3px; text-align: right;">' +
           '                <input value="Get Directions" type="submit" class="button" />' +
           '            </div>' +
           '            <input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + '"/>' +
           '        </div>' +
           '    </form>' +
           '</div>';

    // The info window version with the "from here" form open
    from_htmls[i] = html +
           '<br />' +
           '<b>Directions:</b> <a href="javascript:void(0);" onclick="tohere(' + i + ');">To here</a> - <b>From here</b>' +
           '<div style="padding-top: 3px;">' +
           '    End address:<br />' +
           '    <form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '        <div style="padding-left: 20px;">' +
           '            <input type="text" size="40" maxlength="48" name="daddr" id="daddr" value="" class="textbox" /><br />' +
           '            <div style="padding-top: 3px; padding-bottom: 3px; text-align: right;">' +
           '                <input value="Get Directions" type="submit" class="button" />' +
           '            </div>' +
           '            <input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() + '"/>' +
           '        </div>' +
           '    </form>' +
           '</div>';

    // The inactive version of the direction info
    html = html +
           '<br />' +
           '<b>Directions:</b> <a href="javascript:void(0);" onclick="tohere(' + i + ');">To here</a> - <a href="javascript:void(0);" onclick="fromhere(' + i + ');">From here</a>';

    marker.openInfoWindowHtml("<div class=\"markerwindow\">" + html + "</div>");

    GEvent.addListener(marker, "click", function()
    {
        marker.openInfoWindowHtml("<div class=\"markerwindow\">" + html + "</div>");
    });

    gmarkers[i] = marker;
    htmls[i] = html;

    return marker;
}

// functions that open the directions forms
function tohere(i)
{
    gmarkers[i].openInfoWindowHtml("<div class=\"markerwindow\">" + to_htmls[i] + "</div>");
}
function fromhere(i)
{
    gmarkers[i].openInfoWindowHtml("<div class=\"markerwindow\">" + from_htmls[i] + "</div>");
}