globalWebKey="";

function setWebKey(key){
    globalWebKey=key;
}

//route
    function setDirections(fromAddress, toAddress, locale) {
		
	  if (locale == ""){  
	    locale ="nl";
	  }
	  
	  gdir.fromAddress = fromAddress;
	  gdir.toAddress = toAddress;
	  
	  if(fromAddress == "" || fromAddress =="straat, plaatsnaam"){
		  
	  }
	  else{
	      gdir.load("from: " + fromAddress +",nl" + " to: " + toAddress +",nl" ,
	                { "locale": locale, "getSteps": true /*,  "travelMode": travelMode*/});	  
	  }
	  
    }

    function handleErrors(){
	   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	     alert("Onbekend adres!");
	   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	    alert("De route kan niet berekend worden door een fout op de server");
	   /*
	   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	    // alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
	     
	   else if (gdir.getStatus().code == G_GEO_BAD_KEY)
	    // alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);

	   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
	    // alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);
	    */
	   else alert("De route kan niet berekend worden");
	   
	}

	function onGDirectionsLoad(){ 
    
	try {
	    document.getElementById("directions").style.display='block';
	    //document.getElementById("detailLeft").style.display='none';
	}
	catch (e){
	    alert("onGDirectionsLoad in route.js kon de elementen niet vinden");
	}
	
	// MaxLayout.AnimateClose();
	 styleRoute();
	 map.setMapType(G_NORMAL_MAP);
	 makeRouteDescription(document.getElementById("directions"));
	  
	
	}
	
	function styleRoute(){
	
	//verberg de start marker
	//gdir.getMarker(0).getIcon().image="";
	//gdir.getMarker(0).getIcon().shadow="";
	
	//verberg de eind marker
	//gdir.getMarker(1).getIcon().image=""; 
	//gdir.getMarker(1).getIcon().shadow="";
	
	//overige
	gdir.getPolyline().color="blue";
	
	}
	
	function showOnMap(step){
	latLng = step.getLatLng();
    map.showMapBlowup(latLng);	
	}
	
	var fullDescriptionPrint ="";
	
	
	function makeRouteDescription(targetDiv){
	
	targetDiv.scrollTop = 0;
	targetDiv.innerHTML = "";
	
	targetDiv.style.display = "block";
	var numSteps = gdir.getRoute(0).getNumSteps();
	var htmlStringDescription = "";
	var htmlStringDescriptionPrint ="";
	var htmlStringInfo = "";
	//var printLink = "<a href=\"javascript:printPage(document.getElementById('detailLeft').innerHTML);\">print</a>";
	var start = "<tr><td><span class=\"label\">Van:</span></td><td><span class=\"text\">"+gdir.fromAddress+"</span></td></tr>";
	var eind =  "<tr><td><span class=\"label\">Naar:</span></td><td><span class=\"text\">"+gdir.toAddress+"</span></td></tr>";
	var afstand = "<tr><td><span class=\"label\">Afstand:</span></td><td><span class=\"text\">"+gdir.getDistance().html+"</span></td></tr>";
	var duur = "<tr><td><span class=\"label\">Duur:</span></td><td><span class=\"text\">"+gdir.getDuration().html+"</span></td></tr>";

	htmlStringInfo = "<table id=\"routeInfo\">"+start+eind+afstand+duur+"</table>";
	
	for(var i=0; i < numSteps; i++){

		htmlStringDescription += "<tr><td><span class=\"label\"><a href=\"javascript:showOnMap(gdir.getRoute(0).getStep("+i+"));\">"+(i+1)+ "</a></span></td><td><span class=\"text\"><a href=\"javascript:showOnMap(gdir.getRoute(0).getStep("+i+"));\">" + gdir.getRoute(0).getStep(i).getDescriptionHtml() + "</a></span></td></tr>";
        
		
		
		htmlStringDescriptionPrint += "<tr><td><span class=\"label\">"+(i+1)+ "</span></td><td><span class=\"text\">" + gdir.getRoute(0).getStep(i).getDescriptionHtml() + "</span></td></tr>";	
	    
		}
	
	
	var veranderExtra = "<tr><td><span class=\"label\"></span></td><td><span class=\"text\"><br /><b>Let op:</b> Na circa 200 meter, even voorbij het Shell-station, neemt u bij de verkeerlichten de eerste weg links. U kiest de oprijlaan naar Klooster Onze Lieve Vrouw ter Eem. U volgt het bordje ‘ingang zuid P3’, hier kunt u parkeren. U rijdt via een ‘zig-zag-weggetje’ al langs de ingang van VeranderVermogen (rechts). Bij het verlaten van parkeerterrein P3 ziet u vrij snel aan uw linkerhand een deur. Hier gaat u naar binnen. U loopt via het trappenhuis naar boven, en vindt u ons in de eerste kamer links.</span></td></tr>";	
	
		htmlStringDescription += veranderExtra;
		htmlStringDescriptionPrint += veranderExtra;
	
	
	printMap = writeMapScreen(printLat,printLng,15,600,350,'mobile',printLat,printLng,globalWebKey);
	
	var printLink = "<div id=\"printDiv\"><a href=\"javascript:printPage(fullDescriptionPrint);\"><img src='/img/print.gif' alt='print' title='print deze routebeschrijving' ></a></span></div>";
	
	
	var fullDescription = printLink+htmlStringInfo+"<table id=\"routeDescription\">" + htmlStringDescription + "</table>";
    
    fullDescriptionPrint = htmlStringInfo + "<br/><br/><table id=\"routeDescription\">" + htmlStringDescriptionPrint + "</table><br/>"+printMap;
	/*
	createCookie("routeDescription","",1);
	createCookie("routeDescription",escape(fullDescription),1);
	*/
	targetDiv.innerHTML = fullDescription; 


	
	// sla de string op in een cookie voor de route.html pagina
	//

	}




	function printPage(iHtml){

	    var htmlStart ="<html><head><title>Routebeschrijving - Print<\/title><link href='\/css\/detail.css' type='text\/css' rel='stylesheet'/><\/head><body onload='window.print();'>";
	    
		var logo="<div class='logodiv'><img src='/img\/logo.gif'><br\/><br\/><div class='label'>Bart van Zuilekom / 06 224 282 10<br />Janneke van den Hoek / 06 229 949 97<\/div><br\/><\/div>";
	    
		var htmlEnd ="<\/body><\/html>";

	    var opts = 'toolbar=0,location=0,directories=0,status=0,menubar=1,scrollbars=1,copyhistory=1,resizable=1,width=650,height=500';
	    
		var w = window.open("", "route", opts);
	    //w.document.write(htmlStart+logo+fullDescriptionPrint+image+htmlEnd);
	    w.document.write(htmlStart+logo+iHtml+htmlEnd);
	    w.document.close(); 

	}
	var printLat;
	var printLng;
		
	function setPrintLatLng(lat,lng){
	    printLat = lat.replace(",",".");
	    printLng = lng.replace(",",".");	
	}

	
	
    function writeMapScreen(centerLat,centerLong,zoom,width,height,maptype,markerLat,markerLong,key) {
        return '<img src="http://maps.google.com/staticmap?center='+centerLat+','+centerLong+'&zoom='+zoom+'&size='+width+'x'+height+'&maptype='+maptype+'&markers='+markerLat+','+markerLong+'&key='+key+'" border="0" width="'+width+'+"&height="'+height+'" />'; 
    }
	
//route