var map = null;

/* icon */
var icon = new GIcon();
icon.image = '/images/google_icon.png';
icon.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

/* home map */
function initialize() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map_canvas"));
		//map.addControl(new GSmallMapControl());
		//map.addControl(new GMapTypeControl());
		/*var customUI = map.getDefaultUI();
		customUI.maptypes.satellite = false;
		customUI.maptypes.hybrid = false;
		customUI.maptypes.physical = false;
		customUI.controls.smallzoomcontrol3d = false;
		map.setUI(customUI);*/
		map.setCenter(new GLatLng(52.237196,6.104257), 15);
		loadPoints("/deelnemers/generateXML");
	}
}

/* leden map */
function initialize_leden() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("afbeelding_header"));
		var mapTypeControl = new GSmallMapControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,80));
		map.addControl(mapTypeControl, topRight);
		
		//map.addControl(new GSmallMapControl());
		//map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(52.237025,6.104729), 16);
		loadPoints("/deelnemers/generateXML");
	}
}
 
function loadPoints(file) {
	GDownloadUrl(file, function(data) {
		var xml = GXml.parse(data);
		var markers = xml.documentElement.getElementsByTagName("marker");
		for (var i = 0; i < markers.length; i++) {
			
			/* adresgegevens */
			var name = markers[i].getAttribute("name");
			var address = markers[i].getAttribute("address");
			var city = markers[i].getAttribute("city");
			var telephone = 'Telefoon: '+markers[i].getAttribute("telephone");
			
			var html = name+'<br />'+address+'<br />'+city+'<br />'+telephone;
			
			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
			var marker = createMarker(point, html);
			map.addOverlay(marker);
		}
		
	});
}

function createMarker(point,html) 
{
	// Set up our GMarkerOptions object
	markerOptions = { icon:icon };
		
	  var marker = new GMarker(point,markerOptions);
	  GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	  });
	  return marker;
}