/**
 * Load GoogleMaps
 * @return
 */
function loadGoogleMap() {

	if (GBrowserIsCompatible()) {
    
		var map = new GMap2(document.getElementById("googleMap"));
		
		// [kaart] [satelliet] [beide]
		map.addControl(new GMapTypeControl());
		
		// map.addControl(new GSmallMapControl());
		map.addControl(new GLargeMapControl());
	
		var icon = new GIcon();
			
		icon.iconSize = new GSize(32.0, 32.0);
		icon.shadowSize = new GSize(59.0, 32.0);
		icon.image = "http://maps.google.com/mapfiles/ms/micons/blue-dot.png";
		icon.iconAnchor = new GPoint(0, 20);
		icon.infoWindowAnchor = new GPoint(18, 3);

		var lat = parseFloat('37.034899');
        var lng = parseFloat('-1.960673');
        
        var point = new GLatLng(lat,lng);
    	var html = document.getElementById('htmlInfoWindow').innerHTML;

		map.setCenter(new GLatLng(lat, lng), 11);
		var marker = createMarker(point,html,icon);

		map.addOverlay(marker);
	  } 
}

/**
 * Create marker
 */
function createMarker(point,html,icon){

	var marker = new GMarker(point,icon);

	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
	});
	
	return marker;
}