//<![CDATA[

// Check to see if this browser can run the Google API
if (GBrowserIsCompatible()) {

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

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

	// The info window version with the "to here" form open
	to_htmls[i] = html + '<br>Route: <b>Naar</b> - <a href="javascript:fromhere(' + i + ')">Vanaf</a>' +
	   '<br>Startpunt:<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="Plan Route" 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>Route: <a href="javascript:tohere(' + i + ')">Naar</a> - <b>Vanaf</b>' +
	   '<br>Eindpunt:<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="Plan Route" TYPE="SUBMIT">' +
	   '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
			  // "(" + name + ")" + 
	   '"/>';
	// The inactive version of the direction info
	html = html + '<br>Route: <a href="javascript:tohere('+i+')">Naar</a> - <a href="javascript:fromhere('+i+')">Vanaf</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]);
  }

  // Display the map, with some controls and set the initial location 
  var map = new GMap2(document.getElementById("map"));
  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(51.85913, 6.03471), 13);

  // Set up three markers with info windows 

  var point = new GLatLng(51.85913, 6.03471);
  var marker = createMarker(point,'Camping de Rijnhof','<b>Camping de Rijnhof</b><br />Crumpsestraat 51<br />6566 CT Millingen aan de Rijn<br />')
  map.addOverlay(marker);
}

else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
}