//<![CDATA[

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

	// Controls
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.addControl(new GScaleControl());
	
	// Startpoint / zoom / starttype
	map.setCenter(new GLatLng(startLat, startLng), startZoom, G_SATELLITE_MAP);
	
	// Get XML with daily-picture data and create markers
	GDownloadUrl("/xmldaily.php", function(data, responseCode) {
//	GDownloadUrl("http://www.google.com/apis/maps/documentation/data.xml", function(data, responseCode) {
		var xml = GXml.parse(data);
		var photos = xml.documentElement.getElementsByTagName("photo");
//		alert(photos.length);
		var pictures_on_map = document.createTextNode("Op dit moment zijn er " + photos.length + " foto's op de kaart aangegeven. ");
		
		// Display number of pictures on map
		document.getElementById("pictures_on_map").appendChild(pictures_on_map);
		
		// Create markers
		for (var i = 0; i < photos.length; i++) {
			var lat = photos[i].getElementsByTagName("lat")[0].childNodes[0].nodeValue;
			var lng = photos[i].getElementsByTagName("lng")[0].childNodes[0].nodeValue;
			var title = photos[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
			var thumb = photos[i].getElementsByTagName("thumb")[0].childNodes[0].nodeValue;
			var url = photos[i].getElementsByTagName("link")[0].childNodes[0].nodeValue;
			var replyCount = photos[i].getElementsByTagName("replyCount")[0].childNodes[0].nodeValue;
			var viewCount = photos[i].getElementsByTagName("viewCount")[0].childNodes[0].nodeValue;
			var pubDate = photos[i].getElementsByTagName("pubDate")[0].childNodes[0].nodeValue;
			var point = new GLatLng(lat, lng);
			
			map.addOverlay(createMarker(point, title, thumb, url, replyCount, viewCount, pubDate));
		}
	});
	
	// Update absolute link after dragging
	GEvent.addListener(map, "moveend", function() {
		var center = map.getCenter();
		var zoom = map.getZoom();
		document.getElementById("abs_link").href = '/map/' + center.toUrlValue() + '/' + zoom;
	});

  }
}

// Create marker with pictureinfo
function createMarker(point, title, thumb, url, replyCount, viewCount, pubDate) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml('<div style="width:270px;height:130px;"><h3>' + title + '</h3>' +
								  '<a href="' + url + '"><img width="120px" height="120px" src="' + thumb + '" alt=""></a>' +
								  '<ul>' +
								  '<li><a href="' + url + '">Grote versie</a></li>' +
								  '<li>' + replyCount + '</li>' +
								  '<li>' + viewCount + '</li>' +
								  '</ul></div>');
	});
	return marker;
}

//]]>