/**
 * @author Theo Bakker, WHELP.nl
 * @title 31
 */

//load Google Map

var address;
var geocoder;
var gmarkers = [];
var html;
var htmls =[];
var i = 0;
var icon;
var label;
var mc;
var map;
var marker;
var markers;
var randomnumber;
var side_bar_html = "";
var xml;

function load() {
  if (GBrowserIsCompatible()) {
  	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(52.07951, 5.58105), 7);
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl()); 

	var geocoder = new GClientGeocoder();
	
	var url = '/maps/xml.php'; 
	GDownloadUrl(url, function(data, responseCode) {
		
    var xml = GXml.parse(data);
	//store markers in markers array
    var markers = xml.documentElement.getElementsByTagName("marker");

	// create marker icon
	var icon = new GIcon();
	icon.image = "/maps/poppetje.gif";
	icon.iconSize = new GSize(18, 32);
	icon.iconAnchor = new GPoint(0, 10);
	icon.infoWindowAnchor = new GPoint(5, 1);
	//loop over the markers array
    for (var i = 0; i < markers.length; i++){
    	var address = markers[i].getAttribute("address");
		var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);

		var latlng = markers[i].getAttribute("latlng");		
		var lat = latlng.split(",");
		var point = new GLatLng(lat[0], lat[1]);
		mk = createMarker(point,html+'<br/><br/>'+address,icon);
		map.addOverlay(mk);
		    
    	} //close for loop
	  }
	); //close GDownloadUrl

//Create marker and set up event window
function createMarker(point,html,icon){
  var marker = new GMarker(point,icon);
  GEvent.addListener(marker, "click", function() {
     marker.openInfoWindowHtml(html);
  });
  return marker;
}

  } //close GBrowserIsCompatible
} //close load