var iconHf = new GIcon(); 
iconHf.image = '_img/pointer.png';
iconHf.shadow = '_img/pointer_shadow.png';
iconHf.iconSize = new GSize(16, 29);
iconHf.shadowSize = new GSize(36, 32);
iconHf.iconAnchor = new GPoint(0, 0);
iconHf.infoWindowAnchor = new GPoint(5, 1);

function stripslashes(str) {
	str=str.replace(/>/g,'>');
	str=str.replace(/&lt;/g,'<');
	str=str.replace(/&quot;/g,'"');
	str=str.replace(/&#39;/g,'\'');
	str=str.replace(/&amp;/g,'&');
	return str;
}
var customIcons = [];
customIcons["hf"] = iconHf;

function load() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(52, 5), 8);
	var mapControl = new GMapTypeControl();
	//map.addControl(mapControl);
	//map.addControl(new GLargeMapControl());
	map.enableDoubleClickZoom();
	map.setMapType(G_PHYSICAL_MAP);
    map.enableScrollWheelZoom();
	updateMarkers(map);

  }
}

function updateMarkers(map) {
	GDownloadUrl("_includes/maps_feed.php", function(data) {
	  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("latitude")),
								parseFloat(markers[i].getAttribute("longitude")));
		var marker = createMarker(point, 
			markers[i].getAttribute("bestandsnaam"),
			markers[i].getAttribute("plaats"), 
			markers[i].getAttribute("adres"), 
			markers[i].getAttribute("url"),
			markers[i].getAttribute("introductie"));
		map.addOverlay(marker);
	  }
	});
}

function createMarker(point, bestandsnaam, plaats, adres, url, introductie) {
  var marker = new GMarker(point, customIcons["hf"]);
  var html = "<div class=\"mappopup\"><a href=\"" + url + "\"><img src=\"_uploads/galerij-objecten/thumb" + bestandsnaam + "\" alt=\"\" width=\"100\" height=\"67\" border=\"0\" /></a><div class=\"mapinfo\">" + adres + " <br /><a href=\"" + url + "\"> " + plaats + " ></div></a>";
  GEvent.addListener(marker, 'click', function() {
	marker.openInfoWindowHtml(html, {buttons:{close:{show:2}}});
  });
  return marker;
}