var map = null;
var geocoder = null;
var bounds = null;

function load() {
	if (GBrowserIsCompatible())
	{
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(0,0),0); // we don't know the center at this time
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.enableScrollWheelZoom();

		bounds = new GLatLngBounds();
		geocoder = new GClientGeocoder();

		GDownloadUrl("http://billardblog.info/events.php", function(data, responseCode) {
			var jsonData = eval('(' + data + ')');

			for (var i=0; i<jsonData.markers.length; i++)
			{
				var point = new GLatLng(jsonData.markers[i].lat, jsonData.markers[i].lng);
				map.addOverlay(createMarker(point, jsonData.markers[i].dates));
	        }
		});
	}
}

function createMarker(point, dates) {
	var marker = new GMarker(point);
	var html = "<ul>";
	
	for (var i=0; i<dates.length; i++)
		html += "<li><b>" + dates[i].name + "</b> <i>" + dates[i].date + "</i></li>";

	html += "</ul>";
	
	GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); });
	return marker;
}