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

//load Google Map
function load() {
  if (GBrowserIsCompatible()) {
  	var map = new GMap2(document.getElementById("map"));
    map.addControl(new GMapTypeControl());
	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(52.18958, 5.29524), 8);
	
	//create randomnumber and retrieve xml file
	var randomnumber=Math.floor(Math.random()*11111)
    GDownloadUrl("smx_restaurants_xml.asp?random="+randomnumber, function(data, responseCode) {
    //GDownloadUrl("smx_restaurants.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 = "http://www.sushimaken.nl/images/smx/logomini.jpg";
	icon.iconSize = new GSize(24, 23);
	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 lat = parseFloat(markers[i].getAttribute("lat"));
		var lng = parseFloat(markers[i].getAttribute("lng"));
		var point = new GLatLng(lat,lng);
		
		var html = GXml.value(markers[i].getElementsByTagName("infowindow")[0]);
        var label = markers[i].getAttribute("label");			
	    //var html = markers[i].getAttribute("html");
		
	  	map.addControl(new GMapTypeControl());
	  	//map.setCenter(point, 8);  // setcenter moved out of loop function
	  	var marker = createMarker(point,html,label,icon);
	  	map.addOverlay(marker);
    } //close for loop

	}
	
	); //close GDownloadUrl
  } //close GBrowserIsCompatible
} //close load

//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;
}