var gmarkers = [];
var points = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i = 0;

function createBasicMarkerNoDirections(point, name, html) {
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
    });
    points[i] = point;
    gmarkers[i] = marker;
    htmls[i] = html;
    i++;
    return marker;
}

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

    // The info window version with the "to here" form open
    to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
           '<br/><br/>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=48 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
    // "(" + name + ")" +
           '"/>';
    // The info window version with the "to here" form open
    from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
           '<br/><br/>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=48 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
    // "(" + name + ")" +
           '"/>';
    // The inactive version of the direction info
    html = html + '<br/><br/>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <a href="javascript:fromhere(' + i + ')">From here</a>';

    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
    });
    points[i] = point;
    gmarkers[i] = marker;
    htmls[i] = html;
    i++;
    return marker;
}

// functions that open the directions forms
function tohere(i) {
    gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}

function fromhere(i) {
    gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}



function load() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));

        var pointCenter = new GLatLng(53.866003034710694, -1.9029144379592253);
        map.setCenter(pointCenter, 15);

        var point = new GLatLng(53.866003034710694, -1.9029144379592253);
        var marker = createMarkerWithDirections(point, 'TCF', '<c><b>Best Buy Carpets</b></c>');
        map.addOverlay(marker);

        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        map.openInfoWindowHtml(points[0], htmls[0]);
    }
}