//<![CDATA[

// Check to see if this browser can run the Google API

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

 // Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon;

function initMarkers() {
  baseIcon = new GIcon(G_DEFAULT_ICON);
  baseIcon.shadow = "http://bikewashington.org/img/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);
}

function simpleMarker(point,letter) {
  // Create a lettered icon for this point using our icon class
  var letteredIcon = new GIcon(baseIcon);
  letteredIcon.image = "http://bikewashington.org/img/marker" + letter + ".png";

  // Set up our GMarkerOptions object
  markerOptions = { icon:letteredIcon };
  return new GMarker(point, markerOptions);
}

// Creates a lettered marker with link
function linkMarker(point,letter,ref) {

  var marker = simpleMarker(point, letter);
  GEvent.addListener(marker, "click", function() {
    window.location=ref
  });
  return marker;
}

// Creates a lettered marker with Info Window
function createMarker(point,letter,name,html) {

  var marker = simpleMarker(point, letter);

  // Prepend the Name to the HTML description
  html = '<b>' + name + '</b><br/>' + html;
  
  // 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>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
     '<input type="text" SIZE=40 MAXLENGTH=40 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>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
     '<input type="text" SIZE=40 MAXLENGTH=40 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>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);
  });
  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]);
  }

// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/   
// http://www.econym.demon.co.uk/googlemaps/

//]]>