//load Google Map
function load() {
  if (GBrowserIsCompatible()) {
  	var map = new GMap2(document.getElementById("map"));
  	var map2 = new GMap2(document.getElementById("map2"));

	var geocoder = new GClientGeocoder();
	//geocoder.setBaseCountryCode("NL");

	//add controls
    map.addControl(new GMapTypeControl());
	map.addControl(new GSmallMapControl());
    map2.addControl(new GMapTypeControl());
	map2.addControl(new GSmallMapControl());


	//create randomnumber to prevent caching and retrieve xml file
	var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("/design/plain_site/xml/gmapams.xml?random="+randomnumber, 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 = "/design/plain_site/images/arn34x27.png";
	icon.iconSize = new GSize(34, 27);
	icon.iconAnchor = new GPoint(0, 20);
	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 = markers[i].getAttribute("html");
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
		map.setCenter(point, 14);
        var marker = createMarker(point,html+'<br/><br/>'+address,icon);
        map.addOverlay(marker);
		map.addControl(new GMapTypeControl());		
} //close for loop

	  }
	); //close GDownloadUrl

    GDownloadUrl("/design/plain_site/xml/gmaptiel.xml?random="+randomnumber, 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 = "/design/plain_site/images/arn34x27.png";
	icon.iconSize = new GSize(34, 27);
	icon.iconAnchor = new GPoint(0, 20);
	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 = markers[i].getAttribute("html");
	    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
		map2.setCenter(point, 13);
        var marker = createMarker(point,html+'<br/><br/>'+address,icon);
        map2.addOverlay(marker);
		map2.addControl(new GMapTypeControl());		
} //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;
}

//showAddress
function showAddress(map,geocoder,address,html,icon) {
  geocoder.getLatLng(
    address,
    function(point) {
      if (!point) {
        alert(address + " niet gevonden");
      } else {
        map.setCenter(point, 15);
        var marker = createMarker(point,html+'<br/><br/>'+address,icon);
        map.addOverlay(marker);
		map.addControl(new GMapTypeControl());
      }
    }
  );
}

  } //close GBrowserIsCompatible
} //close load