// JavaScript Document

var map;
var directions;
var gdir;
var geocoder = null;
var mapsloaded = false;
function loadGmaps(){
	if(directions)
	directions.clear();
	if(!mapsloaded){
		mapsloaded = true;
		document.getElementById('route').style.display = 'block';
		var geocoder = new GClientGeocoder();
		geocoder.setBaseCountryCode("nl");
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(50.900191,5.941758), 15);
	//	var point = new GLatLng(50.900191,5.941758);
	//	map.addOverlay(new GMarker(point));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.removeMapType(G_HYBRID_MAP);
		map.setMapType(G_NORMAL_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]);
}

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(from){
	directionsPanel = document.getElementById("routebeschrijving");
	directions = new GDirections(map,directionsPanel);
	GEvent.addListener(directions, "load", processDirections);
	directions.load("from: "+from+" to: In de Cramer, Heerlen, Netherlands",{"locale":taal});
	
}

function processDirections(){ 
	var gRoute = directions.getRoute(0);
	var flashvar = '';
	
	sendflash('flashmovie', 'routetitel', directions.getSummaryHtml())
	for(var i=0;i<gRoute.getNumSteps();i++){
		var gStep = gRoute.getStep(i);
		flashvar += (i+1)+ '. ' + gStep.getDescriptionHtml() + '\n';
	}
	sendflash('flashmovie', 'route', '<span class=\'main\'>'+flashvar+'</span>')
	/*
//	alert(directions.getSummaryHtml());
	for(i=0;i<directions.getNumRoutes();i++){
		alert(directions.getRoute(i));
	}
	*/
}