//google.load("maps", "2");

function initGoogleMaps() 
{ 

	// hier wordt gekeken of de browser overeenkomt met de eisen die google stelt. dit zijn:
	// IE 6.0 +, Firefox 0.8+, Safari 1.2.4+, Netscape 7.1+, Mozilla 1.4+, Opera 8.02+ 
  if (GBrowserIsCompatible()) 
  {
  	// de map aanmaken.		
		var mapObj = document.getElementById("map");
	  var map = new GMap2(mapObj,{draggableCursor: "default"});
	  
    map.addControl(new GLargeMapControl()); //GSmallMapControl,GSmallZoomControl
    //map.addControl(new GMapTypeControl()); // de types laden van de map.
    //map.addControl(new GOverviewMapControl()); // kleine kaartje weergeven
		
		// met het keyboard de kaart bedienen
    new GKeyboardHandler(map);
    
    // het centreren van de latitude en longitude vanuit de database, en de zoom niveau.
    map.setCenter(new GLatLng(45.396942,10.718056), 7);
    
    var x = map.getMapTypes();
    
    // de standaard waar de kaart op moet komen te staan, bij het opstarten
    map.setMapType(x[3]); //Set map to satellite
		
		// het continu zoomen van de kaart. Zonder deze functie zal het zoomen met de scrollwheel van de muis haperen
		map.enableContinuousZoom(); 
		
		// bij dubbelklik met de muis gaat hij inzoomen op de plaats waar je dubbelgeklikt hebt.
		map.enableDoubleClickZoom();
		
		// de zoom functie met het scrollwheeltje van de muis.
	  GMap2.prototype.wheelZoom = function(event)
	  { 
	  	if(event.cancelable) event.preventDefault(); 
	    if((event.detail || -event.wheelDelta) < 0) 
	    {
	    	map.zoomIn();
	    	fnCountMapAction(4);
	    } 
	    else 
	    {
	    	map.zoomOut();
	    	fnCountMapAction(5);
	    } 
	    return false;
	  }
		
	  GEvent.addDomListener(mapObj, "DOMMouseScroll", map.wheelZoom);
	  GEvent.addDomListener(mapObj, "mousewheel", map.wheelZoom); 
		
    // Creates a marker at the given point with the given number label
    var icon = new GIcon();
		icon.image = "/maps/tentje_googlemap_suncamp.png"; // veranderen van de icon.
		icon.iconSize = new GSize(29, 30); //  grote van de icon
		icon.iconAnchor = new GPoint(6, 20); // het tonen van de icon
		icon.infoWindowAnchor = new GPoint(25, 1); // het tonen van de icon
		
    // Creates a marker at the given point with the given number label
    var icon_airport = new GIcon();		
		icon_airport.image = "/maps/airport_googlemap.png"; // veranderen van de icon.
		icon_airport.iconSize = new GSize(30, 31); //  grote van de icon
		icon_airport.iconAnchor = new GPoint(6, 20); // het tonen van de icon
		icon_airport.infoWindowAnchor = new GPoint(25, 1); // het tonen van de icon
		
		GEvent.addListener(map, "infowindowclose", function(){ fnCountMapAction(7); } );
		
		// de punt van de benodigde camping
		var point_camping = new GLatLng(45.396942,10.718056);
		
		// Functions google_maps
		// het maken van de info window, en daarbij kan er ook geteld worden hoevaak erop het tentje geklikt is.
		function createMarker_camping(point, name) 
		{
			var marker_camping = new GMarker(point,icon);
		
			return marker_camping;
		}
		
		// het maken van de info window, en daarbij kan er ook geteld worden hoevaak erop het tentje geklikt is.
		function createMarker_airport(point, name) 
		{
			var marker_airport = new GMarker(point,icon_airport);
			GEvent.addListener(marker_airport, "click", 
					function() { 
						 marker_airport.openInfoWindowHtml ("" + name + "<br>", {maxHeight:70}); 
						 fnCountMapAction(6);
					}
			);
			
			return marker_airport;
		}
		
		// het invullen van de infowindow. De campingnaam, aantal sterren van de camping, info-aanvraag, reserveringsaanvraag (en als ze online kunnen boeken dan ONLINE BOEKEN!) en url staan erin, waar deze beschikbaar zijn
		var marker_camping = createMarker_camping(point_camping);
    map.addOverlay(marker_camping); 
		
				
		// standaard instellingen van googlemaps. Deze niet wijzigen aub!
		var bounds = map.getBounds();
		var southWest = bounds.getSouthWest();
		var northEast = bounds.getNorthEast();
		var lngSpan = northEast.lng() - southWest.lng();
		var latSpan = northEast.lat() - southWest.lat();
		
		// dit is een log gedeelte. Er wordt dan een log gemaakt (als alert scherm) waar alles in staat wat wordt gebruikt.	
		//for (i in map) {GLog.writeUrl(i); }
  }
} 

function fnCountMapAction(iActionType)
{
	//var xmlRpcProxy = new XmlRpcClient("/dataservice/dataservice.php");
	var xmlRpcProxy = new AsyncXmlRpcClient("/dataservice/dataservice.php");
	sProcedure = "CountMapAction";	
	//var oResponse = xmlRpcProxy.execute(sProcedure, iActionType);
	var oResponse = xmlRpcProxy.executeAsync(dummy, sProcedure, iActionType);
	//alert(oResponse.mesg);
}

function dummy()
{
	//alert('klaar met verwerken!');
}