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

function getGoogleMap()
{
  if (GBrowserIsCompatible()) 
  {

  // Display the map, with some controls and set the initial location 
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(41.141170, -80.763096), 15);
    
  // Set up three two with info windows 
    
    var point = new GLatLng(41.139230, -80.753520);

    var pracIcon = new GIcon();
        pracIcon.image = "http://maps.google.com/mapfiles/kml/pal3/icon0.png";
        pracIcon.shadow = "http://maps.google.com/mapfiles/kml/pal3/icon0s.png";
        pracIcon.iconSize = new GSize(32, 32);
        pracIcon.shadowSize = new GSize(56, 32);
        pracIcon.iconAnchor = new GPoint(64, 32);
        pracIcon.infoWindowAnchor = new GPoint(16, 0);

    var marker = createMarker(point,'Practice Field','Practice field behind Seaborn Elementry','Practice Field', pracIcon)
    map.addOverlay(marker);

    var point = new GLatLng(41.141170, -80.770610);

    var gameIcon = new GIcon();
        gameIcon.image = "http://maps.google.com/mapfiles/kml/pal3/icon1.png";
        gameIcon.shadow = "http://maps.google.com/mapfiles/kml/pal3/icon1s.png";
        gameIcon.iconSize = new GSize(32, 32);
        gameIcon.shadowSize = new GSize(56, 32);
        gameIcon.iconAnchor = new GPoint(16, 32);
        gameIcon.infoWindowAnchor = new GPoint(16, 0);

    var marker = createMarker(point,'Game Field','Game field behind the middle and high schools', 'Game Field', gameIcon)
    map.addOverlay(marker);

  }

    
    // display a warning if the browser was not compatible
  else
  {
    alert("Sorry, the Google Maps API is not compatible with this browser");
  }

    // 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/


      // A function to create the marker and set up the event window
function createMarker(point,name,html,myTitle,myIcon) 
{
  var marker = new GMarker(point,{icon:myIcon,title:myTitle});
  // 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]);
}