var gmarkers = [];
 var i=0;
 var map;   
 


var adres = { 
		naam: "Strandpaviljoen 't Gorsje",
		adres: "Duinpad de Punt",
		postcode: "Brouwersdam",
		plaats: "Ouddorp",
		lat: 51.78586925912952, 
		lng: 3.8659000396728516};
		
							
function createMarker(point,name,html) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	gmarkers[i] = marker;	
	return marker;
}
    
function load() {
	if (GBrowserIsCompatible()) {        
	  map = new GMap2(document.getElementById("googleMap"));
	  map.addControl(new GSmallMapControl());
	  map.addControl(new GMapTypeControl());
	  map.setCenter(new GLatLng(adres.lat,adres.lng), 14);        
	  var point = new GLatLng(adres.lat,adres.lng);
	  var html = '<strong>' + adres.naam + '</strong><br>' + adres.adres + '<br>' + adres.postcode + ' '+ adres.plaats;
	  var marker = createMarker(point,'Prodex',html);
	  map.addOverlay(marker);
	  //html = html + '<br /><tbody>' + 
		//		  '<em>Vertrek vanaf:</em>&nbsp;&nbsp;<input type="text" size="20" id="fromAddress" name="from"  style="color:#000000;" onmouseover="this.focus()"; /><br />' + 
	    //		  '<input type="hidden" size="20" id="toAddress" name="from" value="'+ adres.adres +', '+ adres.plaats +'" />'+'<button name="submit" type="submit" class="button_route" onclick="routebeschrijving();return false" value="Plan route">Plan route</button>' + 
		//		  '</tbody>';
	  marker.openInfoWindowHtml(html);

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

var routebeschrijving = function(){
	gdir = new GDirections(map, document.getElementById("routebeschrijving"));
	gdir.load("from: " + $('fromAddress').get('value') + " to: "+ $('toAddress').get('value'), { "locale": 'nl_NL' });					
}

window.onload = load;