// 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.setCenter(new GLatLng(51.165136,6.051064), 11);

	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]);
}

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 });
}