jQuery(function() {
if (GBrowserIsCompatible() && locations) {
	var map = new GMap2(document.getElementById("cityhighlights"));
	map.removeMapType(G_HYBRID_MAP);
	map.addControl(new GMapTypeControl());
	map.addControl(new GSmallZoomControl3D ());
       var geocoder = new GClientGeocoder();

	// Create our "tiny" marker icon
	var baseIcon = new GIcon(G_DEFAULT_ICON);
	baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);

	function createMarker(point, index) {
		// Create a lettered icon for this point using our icon class

		var letter = String.fromCharCode("A".charCodeAt(0) + index);
		var letter = String.fromCharCode(index);
		var letteredIcon = new GIcon(baseIcon);
		letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

		// Set up our GMarkerOptions object
		markerOptions = { icon:letteredIcon };
		var marker = new GMarker(point, markerOptions);

		return marker;
	}

	for(var i in locations) {
           	var location = locations[i];
           	var point = new GLatLng(location.lat,location.lon);
           	var letterIndex = location.letter.charCodeAt(0);
      		var marker = createMarker(point, letterIndex);
      		marker.bindInfoWindowHtml(
      			'<strong>'+location.name+' ('+location.letter+')</strong>'+
			'<p>'+((location.address)?location.address:'')+'</p>'
		);
      		map.addOverlay(marker);
	}

	var albusIcon = new GIcon(G_DEFAULT_ICON);
	albusIcon.image = "http://maps.google.com/mapfiles/ms/micons/blue-dot.png";
	albusIcon.shadow = "http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png";
	albusIcon.shadowSize = new GSize(59, 32);
	albusIcon.iconSize = new GSize(32, 32);
	albusIcon.iconAnchor = new GPoint(16, 32);
	albusIcon.infoWindowAnchor = new GPoint(16, 6);

	markerOptions = { icon:albusIcon };


	var albusPoint = new GLatLng(52.36568171618399, 4.893078804016113);
	var albusMarker = new GMarker(albusPoint, markerOptions);
	albusMarker.bindInfoWindowHtml(
		''+
		'<div style="text-align: center;"><img src="/images/googlemaps/albus.png"/></div>',
		{maxWidth: 50}
	);
	map.addOverlay(albusMarker);

	var center = new GLatLng(locationCenter.lat, locationCenter.lon);
	var zoom   = locationZoom;
	map.setCenter(center, zoom);

	GEvent.trigger(albusMarker,"click");

}
});