onresize = schermKlasse;
onload = function()
{ 
	schermKlasse();
	init(); //deze als laaste omdat die afhankelijk is van de google api
}
window.onunload = function()
{
GUnload();
}

/* 
original idea setSchermClass: Marc van den Dobbelsteen  published dec. 2006 A list apart.	
redesigned John Klungers Annovyn bv 2007.
*/

function schermKlasse()
{
	if (!document.documentElement) return false;
	if (!document.getElementById) return false;
	var breed = document.documentElement.clientWidth;
	var hoog = document.documentElement.clientHeight;
	var klasse = (breed<796)?'s':
					 (breed>=796&&breed<1002||hoog<=583)?'s':
	             (breed>=1002&&breed<1276||hoog<=624)?'m':
					 (breed>=1256&&breed<1436||hoog<=727)?'m': 
					 (breed>=1436&&breed<1676||hoog<=844)?'m':
					 (breed>=1676&&hoog<=1104)?'m':
					 'm';	 
	if (klasse == 'bm' && hoog>=844) klasse = 'm';		 				 
	document.body.className=klasse;
	document.body.style.visibility="visible";

 	switch(klasse)
		{
		case "xs":
			bepaalFrame(800,280,hoog,breed,klasse);
			break
		case "s":
			bepaalFrame(420,796,hoog,breed,klasse);
			break
		case "m":
			bepaalFrame(583,1002,hoog,breed,klasse);
			break
		case "bm":
			bepaalFrame(624,1276,hoog,breed,klasse);
			break
		case "xbm":
			bepaalFrame(727,1436,hoog,breed,klasse);
			break
		case "l":
			bepaalFrame(844,1276,hoog,breed,klasse);
			break
		case "bl":
			bepaalFrame(874,1676,hoog,breed,klasse);
			break
		case "xl":
			bepaalFrame(1002,1676,hoog,breed,klasse);
			break;
		}

}

function bepaalFrame(frameHoogte, frameBreedte, hoog, breed, klasse)

{
	if (!document.getElementById('marge')) return false;
	var frame = document.getElementById('frame');
	var marge = document.getElementById('marge');
	var margeHoogte= "0px";
	if ((hoog-frameHoogte)>2)
	{
		margeHoogte =Math.round((hoog-frameHoogte)/2) + 'px';
	}	
	frame.style.height = frameHoogte + 'px';
	frame.style.width = frameBreedte + 'px';
	marge.style.height = margeHoogte;
	
	if (document.getElementById('info'))		 
	{
		document.getElementById('info').innerHTML=breed+' x '+hoog + ' - klasse '+klasse+ ' - ' +frameBreedte + ' x ' + frameHoogte+ ' marge: '+ margeHoogte
	}
	return false;
}

function init() { 
	var map;
	var gdir;
	var geocoder = null;
	var addressMarker;
	var lat=53.20663015810439;
	var lon=6.793649196624756;
	var center = new GLatLng(lat, lon)
	var zoom=13
	map = new GMap2(document.getElementById("map"));
	map.setCenter(new GLatLng(lat, lon),zoom);
	map.setMapType(G_NORMAL_MAP);
	var customUI = map.getDefaultUI();
	customUI.controls.scalecontrol=false;
	customUI.controls.largemapcontrol3d=false;
	customUI.controls.smallzoomcontrol3d=false;
	customUI.controls.maptypecontrol=false;
	customUI.controls.menumaptypecontrol=true;
	map.setUI(customUI);
	map.addControl(new GSmallMapControl());;
	map.addOverlay(new GMarker(center));
			
   
  }
