var map;
    var gdir;
    var geocoder = null;
    var addressMarker;
	 var center = new GLatLng(53.097896, 6.789773)
	 var zoom = 10
	 var adres = "Dorpsstraat 280 9605 Hoogezand";
	 var taal = "nl_NL";
 
    function init() {
      if (GBrowserIsCompatible()) {      
		   map = new GMap2(document.getElementById("kaart"),{size: new GSize(300, 300)});
			map.setCenter(center,zoom);
			map.setUIToDefault();
        gdir = new GDirections(map, document.getElementById("directions"));
        GEvent.addListener(gdir, "addoverlay", onGDirectionsLoad);
        GEvent.addListener(gdir, "error", handleErrors);
 		  map.addOverlay(new GMarker(center));
      }
    }
    function setDirections(fromAddress) {
      gdir.load("from: " + fromAddress + " to: " + adres, { "locale": taal });
    }
 
  function onGDirectionsLoad(){ 
   var poly = gdir.getPolyline();
  	if (poly.getVertexCount() > 1) {document.getElementById("directions").style.display="block"; }
   var baseUrl = "";
 
   var params = [];
   var markersArray = [];
   markersArray.push(poly.getVertex(0).toUrlValue(5) + ",greena");
   markersArray.push(poly.getVertex(poly.getVertexCount()-1).toUrlValue(5) + ",blueb");
   params.push("markers=" + markersArray.join("|"));
 
   var polyParams = "rgba:0x000000FF,weight:2|";
   var polyLatLngs = [];
   for (var j = 0; j < poly.getVertexCount(); j++) {
     polyLatLngs.push(poly.getVertex(j).lat().toFixed(5) + "," + poly.getVertex(j).lng().toFixed(5));
   }
   params.push("path=" + polyParams + polyLatLngs.join("|"));
   params.push("size=300x300");
   params.push("key=ABQIAAAAgObpS1k1rPpCWBGKzS8txRTlHB9oyuM1w1BDc5pL2ljYkv7NKRR_-NpJsnruPNQsqwSRg3zNJntC_w");
 
   baseUrl += params.join("&");

}
    function handleErrors(){
   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
     alert("Deze locatie niet gevonden: Is relatief nieuw of onjuist ingevoerd. \nError code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
     alert("Er kon geen route worden berekend.\n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
     alert("U mag het veld niet leeg laten.\n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_BAD_KEY)
     alert("Ongeldige sleutel. \n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
     alert("onjuiste invoer waardoor de route niet kon worden berekend.\n Error code: " + gdir.getStatus().code);
   else alert("Onbekende fout.");
    }
	 
function randomplaatje()	
{	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("foto")) return false;
	/* als bovenstaande tests niet geldig zal geen foutmelding komen en de pagina gewoon als standaard pagina werken */
	var plaatje=new Array();
	var ranGetal;
	
	plaatje[0]="kop1.jpg";
	plaatje[1]="kop2.jpg";
	plaatje[2]="kop3.jpg";
	plaatje[3]="kop4.jpg";
	plaatje[4]="kop5.jpg";
	plaatje[5]="kop6.jpg";
	plaatje[6]="kop7.jpg";
	plaatje[7]="kop8.jpg";
	plaatje[8]="kop9.jpg";
	plaatje[9]="kop10.jpg";
	plaatje[10]="kop11.jpg";
	
	ranGetal =parseInt(Math.random()* plaatje.length);

	wisselfoto(plaatje[ranGetal]);

}

function wisselfoto(fotosrc)
{ 
	document.getElementById("foto").src = "images/" + fotosrc;
	document.getElementById("foto").alt = "";
}

window.onload = function()
{
init();
randomplaatje();
}
window.onunload = function()
{
GUnload();
}
















/* 
var map;
var gdir;
var geocoder = null;
var addressMarker;
var adres = "Dorpsstraat 280 9605 Hoogezand";
var taal = "nl_NL";
var zoom = 12;
var center = new GLatLng(53.097844, 6.789535);
function init() {
	map = new GMap2(document.getElementById("kaart"),{size: new GSize(400, 400)});
	map.setCenter(center,zoom);
	map.setMapType(G_PHYSICAL_MAP);
	var customUI = map.getDefaultUI();
	customUI.controls.scalecontrol=false;
	customUI.controls.largemapcontrol3d=false;
	customUI.controls.smallzoomcontrol3d=false;
	customUI.controls.maptypecontrol=false;
	customUI.controls.menumaptypecontrol=false;
	map.setUI(customUI);
	map.addControl(new GSmallMapControl());
	map.addControl(new GMenuMapTypeControl());
	map.addOverlay(new GMarker(center));
	gdir = new GDirections(map, document.getElementById("directions"));
	GEvent.addListener(gdir, "addoverlay", onGDirectionsLoad);
	GEvent.addListener(gdir, "error", handleErrors);
	setDirections(adres);
} //end function init

function setDirections(fromAddress) {
	gdir.load("from: " + fromAddress + " to: " + adres, { "locale": taal });
} //end setDirections

function onGDirectionsLoad(){ 
	var poly = gdir.getPolyline();
	if (poly.getVertexCount() > 1) {document.getElementById("directions").style.display="block"; }
	var baseUrl = "http://maps.google.com/staticmap?";
	var params = [];
	var markersArray = [];
	markersArray.push(poly.getVertex(0).toUrlValue(5) + ",greena");
	markersArray.push(poly.getVertex(poly.getVertexCount()-1).toUrlValue(5) + ",blueb");
	params.push("markers=" + markersArray.join("|"));
	var polyParams = "rgba:0x000000FF,weight:2|";
	var polyLatLngs = [];
	for (var j = 0; j < poly.getVertexCount(); j++) {
	polyLatLngs.push(poly.getVertex(j).lat().toFixed(5) + "," + poly.getVertex(j).lng().toFixed(5));
} //end function nGDirectionsLoad

params.push("path=" + polyParams + polyLatLngs.join("|"));
params.push("size=400x400");
params.push("key=ABQIAAAAgObpS1k1rPpCWBGKzS8txRTlHB9oyuM1w1BDc5pL2ljYkv7NKRR_-NpJsnruPNQsqwSRg3zNJntC_w");
baseUrl += params.join("&");

function handleErrors(){
	if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	alert("Deze locatie niet gevonden: Is relatief nieuw of onjuist ingevoerd. \nError code: " + gdir.getStatus().code);
	else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	alert("Er kon geen route worden berekend.\n Error code: " + gdir.getStatus().code);
	else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	alert("U mag het veld niet leeg laten.\n Error code: " + gdir.getStatus().code);
	else if (gdir.getStatus().code == G_GEO_BAD_KEY)
	alert("Ongeldige sleutel. \n Error code: " + gdir.getStatus().code);
	else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
	alert("onjuiste invoer waardoor de route niet kon worden berekend.\n Error code: " + gdir.getStatus().code);
	else alert("Onbekende fout.");
} //end function handleErrors


window.onload = function()
{
init();
}
window.onunload = function()
{
GUnload();
}
*/