//<![CDATA[
//global vars
var gmarkers;
var htmls;
var i;
var to_htmls
var from_htmls
var gdir;
var map;

function loadMap(isNotFirst){
gmarkers = [];
htmls = [];
to_htmls = [];
from_htmls = [];
i = 0;

if (GBrowserIsCompatible()) {

if(isNotFirst)
 {
  document.getElementById('directions').innerHTML='';
 }
document.getElementById('backtomapT').style.display='none';

  function createMarker(point,name,html) {
    var icon = new GIcon();
    icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
    icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    icon.iconSize = new GSize(12, 20);
    icon.shadowSize = new GSize(22, 20);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);
    var marker = new GMarker(point,icon);
    to_htmls[i] = html + '<p>Get directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')" class="bluelink">From here</a>' +
       '<br />Start address:<form action="javascript:getDirections()">' +
       '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
       '<INPUT value="Get Directions" TYPE="SUBMIT">' +
       '<input type="hidden" id="daddr" value="'+name+"@"+ point.lat() + ',' + point.lng() + 
       '"/></p></span>';
    from_htmls[i] = html + '<p>Get directions: <a href="javascript:tohere(' + i + ')" class="bluelink">To here</a> - <b>From here</b>' +
       '<br />End address:<form action="javascript:getDirections()">' +
       '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
       '<INPUT value="Get Directions" TYPE="SUBMIT">' +
       '<input type="hidden" id="saddr" value="'+name+"@"+ point.lat() + ',' + point.lng() +
       '"/></p></span>';
    html = html + '<p>Get directions: <a href="javascript:tohere('+i+')" class="bluelink">To here</a> - <a href="javascript:fromhere('+i+')" class="bluelink">From here</a></p></span>';
    GEvent.addListener(marker, "click", function() {
      marker.openInfoWindowHtml(html);
    });
    gmarkers[i] = marker;
    htmls[i] = html;
    i++;
    return marker;
  } 
  map = new GMap2(document.getElementById("mapcontainer"));
  map.addControl(new GLargeMapControl());
  map.addMapType(G_PHYSICAL_MAP);
  var hierarchy = new GHierarchicalMapTypeControl();
  hierarchy.addRelationship(G_SATELLITE_MAP, G_HYBRID_MAP, null, true);
  map.addControl(hierarchy);
 // map.setCenter(new GLatLng(54.559966,-1.311198), 12);
	map.setCenter(new GLatLng(54.559966,-1.311198), 12);
  gdir=new GDirections(map, document.getElementById("directions"));
  var reasons=[];
  reasons[G_GEO_SUCCESS]            = "Success";
  reasons[G_GEO_MISSING_ADDRESS]    = "Missing Address: The address was either missing or had no value.";
  reasons[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address:  No corresponding geographic location could be found for the specified address, please try altering your address to be less specific (eg Nottingham)";
  reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address:  The geocode for the given address cannot be returned due to legal or contractual reasons.";
  reasons[G_GEO_BAD_KEY]            = "Bad Key: The API key is either invalid or does not match the domain for which it was given";
  reasons[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
  reasons[G_GEO_SERVER_ERROR]       = "Server error: The geocoding request could not be successfully processed, please try again shortly.";
  reasons[G_GEO_BAD_REQUEST]        = "A directions request could not be successfully parsed.";
  reasons[G_GEO_MISSING_QUERY]      = "No query was specified in the input.";
  reasons[G_GEO_UNKNOWN_DIRECTIONS] = "Google Maps is having trouble finding a route between the two points, please try a different address.";
  GEvent.addListener(gdir, "error", function() {
    var code = gdir.getStatus().code;
    var reason="Code "+code;
    if (reasons[code]) {
      reason = reasons[code]
    }
    alert("Google Maps is experiencing the following error, "+reason);
	loadMap(true);
  });
  var lat = '54.559966';
  var lng = '-1.311198';
  var point = new GLatLng(lat,lng);
  var html = '<span class="directions"><p style="margin:0; padding:0; font-size: 1.2em; font-weight: bold;">Address:</p><p style="margin:0 0 5px 0; padding:0; font-size:0.9em;">Bridge Road<br /> Stockton-on-Tees, TS18 3DG</p>';
  var label = 'Rialto Court, Stockton-on-Tees';
  var marker = createMarker(point,label,html);
  map.addOverlay(marker);
  html = html + '<p>Get directions: <a href="javascript:tohere(0)" class="bluelink">To here</a> - <a href="javascript:fromhere(0)" class="bluelink">From here</a></p>';
  marker.openInfoWindowHtml(html);
}
else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
}
}
function tohere(i) {
gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}

function fromhere(i) {
gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}
function getDirections() {
    var saddr = document.getElementById("saddr").value
    var daddr = document.getElementById("daddr").value
    gdir.load("from: "+saddr+" to: "+daddr);
    map.clearOverlays();
	document.getElementById('backtomapT').style.display='block';
}

//]]>