google.load("maps", "2", {"language" : "nl"});

var centerLatitude  = 50;
var centerLongitude = -51;
var startZoom       = 3;
var map;

function initialize() {
	if (GBrowserIsCompatible()) {
		map = new google.maps.Map2(document.getElementById("map"));
		map.setCenter(new google.maps.LatLng(centerLatitude, centerLongitude), startZoom);
		map.setMapType(G_SATELLITE_MAP);
		map.addControl(new GLargeMapControl3D());

		var projects = $(document.body).getElement('div.project-coordinates').getElements('li');

		if (projects) {
			projects.each( function(project) {

				var link             = project.getElement('a');
				var coordinates      = link.getAttribute('title');
				var coordinatesArray = coordinates.split(',');
				var latitude         = coordinatesArray[0];
				var longitude        = coordinatesArray[1];

				var infoWindowHTML = new Element('div', {
					'class': 'map-info-window',
					'html': project.get('html')
				});

				var projectMarkerCoordinates = new GLatLng(latitude, longitude);
				var projectMarker = new GMarker(projectMarkerCoordinates);
				map.addOverlay(projectMarker);

				GEvent.addListener(projectMarker, "mouseover", function() {
					map.openInfoWindowHtml(projectMarkerCoordinates, infoWindowHTML, { maxWidth: 240});
				});
			});
		}
	}
}
google.setOnLoadCallback(initialize);