// JavaScript Document
var all_markers = [];

function load() {
	if (GBrowserIsCompatible()) {
	
		map = new GMap2(document.getElementById("map"));
		var geocoder = new GClientGeocoder();
		
		//add controls
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(52.207607, 5.136108), 7);
		
		//create randomnumber to prevent caching and retrieve xml file
		var randomnumber=Math.floor(Math.random()*11111)	
		GDownloadUrl("verkoopadressen.xml?random="+randomnumber, function(data, responseCode) {
			var xml = GXml.parse(data);
		
			//store markers in markers array
			var markers = xml.documentElement.getElementsByTagName("marker");
		
			//loop over the markers array
			for (var i = 0; i < markers.length; i++) {
					var adres = markers[i].getElementsByTagName("adres")[0].firstChild.nodeValue;
					var plaatsnaam = markers[i].getElementsByTagName("plaatsnaam")[0].firstChild.nodeValue;
					var bedrijfsnaam = markers[i].getElementsByTagName("bedrijfsnaam")[0].firstChild.nodeValue;
					var website = markers[i].getElementsByTagName("website")[0].firstChild.nodeValue;
					var lat = markers[i].getElementsByTagName("lat")[0].firstChild.nodeValue;
					var long= markers[i].getElementsByTagName("long")[0].firstChild.nodeValue;
					
					showAddress(map, geocoder, adres, plaatsnaam, bedrijfsnaam, website, lat, long);
			} 
		});
	}
}
	
function showAddress(map, geocoder, adres, plaatsnaam, bedrijfsnaam, website, lat, long) {
	var marker = new createMarker(lat, long, '<span style="font-family: arial; font-size: 12px;"><strong>'+bedrijfsnaam+'</strong><br/>'+adres+', '+plaatsnaam+'<br/> <a style="font-family: arial; font-size: 12px;" target="_blank" href="http://'+website+'">'+website+'</a></span>');
	map.addOverlay(marker);
	map.addControl(new GMapTypeControl());
}

//Create marker and set up event window
function createMarker(lat, long, text){
	var marker = new GMarker(new GLatLng(lat, long));
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(text);
	});
	return marker;
}