// JavaScript Document

var map;
		var directionsPanel;
		var directions;
		var gdir;
		var geocoder = null;
		
		function loadGmaps(){
			var geocoder = new GClientGeocoder();
			geocoder.setBaseCountryCode("nl");
			map = new GMap2(document.getElementById("map"));
			map.setCenter(new GLatLng(50.87725, 6.03478), 16);
			var point = new GLatLng(50.87725, 6.03478);
			map.addOverlay(new GMarker(point));
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			map.removeMapType(G_HYBRID_MAP);
			map.setMapType(G_SATELLITE_MAP);
		}		
		
		function loadGmapsDealers(){
			var geocoder = new GClientGeocoder();
			geocoder.setBaseCountryCode("nl");
			map = new GMap2(document.getElementById("map"));
			

			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			map.removeMapType(G_HYBRID_MAP);
			map.setMapType(G_SATELLITE_MAP);
		}
		
		var dealerIds 		= Array();
		var dealerMarkers 	= Array();
		var dealerCoor	 	= Array();
		var dealerHTML		= Array();
		var dealerAdres 	= Array();

var icon 				= new GIcon();
icon.image 				= "http://labs.google.com/ridefinder/images/mm_20_red.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);

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


		function addDealer(adres,html,id,lat,lng){
			dealerIds[dealerIds.length] 	= id;	
			dealerAdres[id] 				= adres;		
			dealerHTML[id]					= html;	
			dealerCoor[id]					= new GLatLng(lat, lng);
			GMToevoegenMarker(id)
		}

		function GMToevoegenMarker(dealerID){  
			dealerMarkers[dealerID] 	= new GMarker(dealerCoor[dealerID], icon); 
			GEvent.addListener(dealerMarkers[dealerID], "click", function(){    
				showinfoDealer(dealerID)
			});	
			map.addOverlay(dealerMarkers[dealerID]);
		}

		function moveToDealer(dealerID){
			map.panTo(dealerCoor[dealerID]);
			showinfoDealer(dealerID);
		}

		function showDealer(dealerID){
			dealerMarkers[dealerID].setImage('http://labs.google.com/ridefinder/images/mm_20_blue.png');
//			dealerMarkers[dealerID].openInfoWindowHtml(dealerHTML[dealerID]);  
		}
		
		
		function hideDealer(dealerID){
			dealerMarkers[dealerID].setImage('http://labs.google.com/ridefinder/images/mm_20_red.png');
			//map.closeInfoWindow()
		}
		
		function showinfoDealer(dealerID){
			dealerMarkers[dealerID].openInfoWindowHtml(dealerHTML[dealerID]);  
		}

		function setDirections(fromAddress, toAddress, locale){
			directions.load("from: " + fromAddress + " to: " + toAddress,{ "locale": locale });
		}