google.load("maps", "2.x");   

var map = null;
var locations = [];

function createMarker(point, markerOptions, location) {
	var marker = new GMarker(point, markerOptions);
	GEvent.addListener(marker, 'click', function() {
		var myHtml = '<strong><a href="/activiteiten/activiteit.php?ID='+location.id+'">' + location.activity + '</a></strong> &nbsp; &nbsp;<br />' + location.address;
		map.openInfoWindowHtml(point, myHtml);
	});
	return marker;
}

function initialize() {
	if (locations.length != 0) {
		var baseIcon = new GIcon();
		baseIcon.iconSize = new GSize(24, 27);
		baseIcon.iconAnchor = new GPoint(3, 22);
		baseIcon.infoWindowAnchor = new GPoint(20, 20);
		
		var mIcon = new GIcon(baseIcon);
		mIcon.image = "/_img/gmaps/marker.png";
		markerOptions = { icon:mIcon };
		
		map = new google.maps.Map2(document.getElementById("map")); 
		// map.addControl(new GLargeMapControl());
		// map.addControl(new GMapTypeControl());
		map.addControl(new GSmallMapControl());
		
		for (var i=0; i<locations.length; i++) {
			loc = locations[i];
			point = new GLatLng(loc.lat, loc.lng);
			map.addOverlay(createMarker(point, markerOptions, loc));
		}
		
		var center = new GLatLng(52.05925, 5.50415);  // centre of the netherlands (?)
		map.setCenter(center, 6);
	}
}  

google.setOnLoadCallback(initialize);