var map;
var gdir;
var geocoder = null;
var addressMarker;
var marker;  
//var marker = new GMarker(point);  


function initialize() 
{
  if (GBrowserIsCompatible()) 
  {      
		map = new GMap2(document.getElementById("map_canvas"));
		gdir = new GDirections(map, document.getElementById("directions"));
		GEvent.addListener(gdir, "load", onGDirectionsLoad);
		GEvent.addListener(gdir, "error", handleErrors);
		// positie Gendt, laatste getal staat voor zoomdiepte
		map.setCenter(new GLatLng(51.8984807, 5.905501), 12);
		// positie marker
		var point = new GLatLng(51.8984807, 5.905501);
	
		map.addOverlay(createMarker(point));
		// Text in marker
	
		return marker;
	}
}

function createMarker(point) {  
// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "http://www.barenbrug.nl/images/blank.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
			// Klik optie voor marker
var marker = new GMarker(point,markerOptions);  
var message = ["This","is","the","secret","message"];  
//marker.value = "R";  
GEvent.addListener(marker, "click", function() {    
var myHtml = "Derks Transport<br/>Karstraat 21-23<br/>6680 AA Bemmel<br/>Telefoon: 0481-461298<br/>Fax 0481-464670<br/>E-Mail <a href='mailto:info@derksbemmel.nl'>info@derksbemmel.nl</a><br/><img src='/images/derksRoute.jpg'/>";    
map.openInfoWindowHtml(point, myHtml);  });  return marker;
}


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

function handleErrors(){
   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	 alert("Er kan geen plaats gevonden worden. U heeft waarschijnlijk geen juist adres ingevoerd. \nError code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	 alert("Er is een fout opgetreden.\n Error code: " + gdir.getStatus().code);
   
   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	 alert("Vul aub een adres in.\n Error code: " + gdir.getStatus().code);

//   else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS)  <--- Doc bug... this is either not defined, or Doc is wrong
//     alert("The geocode for the given address or the route for the given directions query cannot be returned due to legal or contractual reasons.\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("Er heeft zich een fout voor gedaan.");
   
}

function onGDirectionsLoad(){ 
  // Use this function to access information about the latest load()
  // results.

  // e.g.
  // document.getElementById("getStatus").innerHTML = gdir.getStatus().code;
  // and yada yada yada...
}

function showroutebeschrijving()
{
	var test = document.getElementById('directions').innerHTML;
	
	if(test=="")
	{
		document.getElementById('routebeschrijving').innerHTML="Routebeschrijving";
		document.getElementById('printfunctie').innerHTML="<a href='javascript:setKaart(); javascript:popUp(); '>Print de route en kaart</a>";
		document.getElementById('mapfunctie').innerHTML="<a href='#mapCanvas' onclick='setKaart()'>Bekijk hier ook de kaart</a>";
		document.getElementById('map_canvas').style.width = "470px";
		document.getElementById('map_canvas').style.display = 'none';
		document.getElementById('kaart').style.display = 'none';
		document.getElementById('directions').style.width = "470px";
	}
}

function setKaart()
{
	document.getElementById('map_canvas').style.display = 'block';
	document.getElementById('kaart').style.display = 'block';
}

function popUp()
{

	var frog = window.open("","routebeschrijving","width=1000,height=1000,scrollbars=1,resizable=1")
	
	var image = document.getElementById('map_canvas').innerHTML; 
	var text = document.getElementById('route_content').innerHTML; 
	
	//time out voor firefox zodat deze laat zien wat er geprint wordt
	var html = "<html>\n"+
	"<head>\n"+
	"<link href='/style/style_print.css' rel='stylesheet' type='text/css' /><link rel='stylesheet' type='text/css' media='print' href='/style/print.css' />\n"+
	"<script>\n" +
		"function step1() {\n" +
		"  setTimeout('step2()', 10);\n" +
		"}\n" +
		"function step2() {\n" +
		"  window.print();\n" +
		"  window.close();\n" +
		"}\n" +
		"</scr" + "ipt>\n" +
	"</head><body onLoad='step1()' bgcolor='#ffffff' style='color=#000000'><img src='/images/layout/logo.jpg' alt='logo' /><br/><div class='titel' style='position:relative; float:left;width:100%'>Routebeschrijving naar Derks Transport</div><div style='position:relative; float:left; width:600px; font-size:10px;'>\n"
	html += "<b>"+ image + text + "</b>.</div>"
	
	
	//variable name of window must be included for all three of the following methods so that
	//javascript knows not to write the string to this window, but instead to the new window
	//frog.document.open();
	//frog.document.write(html);
	//frog.document.close();
	
	
	frog.document.open()
	frog.document.write(html)
	//frog.window.print()
	frog.document.close()
	//frog.window.close()

}