var markersArray = [];

function initialize() {
    if (GBrowserIsCompatible()) {

        var point1 = new GLatLng(49.896079, -123.277159);
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(point1, 15);
        map.addControl(new GLargeMapControl());
        var marker = createTabbedMarker(point1);
        map.addOverlay(marker);

    }
}


function createTabbedMarker(point) {
    var marker = new GMarker(point);

    markerKey = markersArray.length;
    marker.markerKey = markerKey;
    markersArray.push(marker);

    GEvent.addListener(marker,"click",function() {
        mk = marker.markerKey;
        var tabs = [];
        tabs.push(new GInfoWindowTab('Find us','<div class="gmap-directions"><form action="http://maps.google.com/maps" method="get" target="_blank"><label for="saddr">Starting Address:</label><br/><input name="saddr" id="saddr" size="20" type="text" /><input value="Go" type="submit" /><input name="daddr" value="' + marker.getPoint().lat() + ',' + marker.getPoint().lng() + '" type="hidden"/><input name="hl" value="en" type="hidden" /></form></div>'));
        tabs.push(new GInfoWindowTab('Leave us','<div class="gmap-directions"><form action="http://maps.google.com/maps" method="get" target="_blank"><label for="daddr">Destination Address:</label><br/><input name="saddr" id="daddr" size="20" type="text" /><input value="Go" type="submit" /><input name="saddr" value="' + marker.getPoint().lat() + ',' + marker.getPoint().lng() + '" type="hidden"/><input name="hl" value="en" type="hidden" /></form></div>'));
        marker.openInfoWindowTabsHtml(tabs);
    });

    return markersArray[markerKey];
}



window.onload = initialize;
window.onunload = GUnload;