var huysmanicon = new GIcon(); 
    huysmanicon.image = 'http://www.immohuysman.be/images/huysman_mapicon.png';
    huysmanicon.iconSize = new GSize(24, 27);
    huysmanicon.iconAnchor = new GPoint(6, 20);
    huysmanicon.infoWindowAnchor = new GPoint(5, 1);
    
function createMarker(point, details, type) {
	var marker = new GMarker(point, huysmanicon);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml("<div class=\"mapdetails\">" + details + "</div>");
  	});
  	return marker;
}


function load() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("kleinekaart_overzicht"));
	// map.addControl(new GSmallMapControl());
	// map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(51.187356, 3.5899), 10);
    

	GDownloadUrl("/js/mapdata_overzicht.php", function(data, responseCode) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {




	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
	                            parseFloat(markers[i].getAttribute("lng")));
		var details = markers[i].getAttribute("details");
		var type = markers[i].getAttribute("type");
	    map.addOverlay(createMarker(point, details, type));
	  }
	});


  }
}

window.onload= function () {
	load();
}