onresize = setSchermClass;
onload = function()
{ 
	setSchermClass();
	keuzemaken();
}

/* 
original idea setSchermClass: Marc van den Dobbelsteen  published dec. 2006 A list apart.	
redesigned John Klungers Annovyn bv 2007.
*/

function setSchermClass()
{

	if (!document.documentElement) return false;
	if (!document.getElementById) return false;
	var breed = document.documentElement.clientWidth;
	var hoog = document.documentElement.clientHeight;
	var klasse = (breed<796)?'laag':
					 (breed>=796&&breed<1002||hoog<=583)?'medium':
	             (breed>=1002&&breed<1276||hoog<=624)?'hoog':
					 (breed>=1256&&breed<1436||hoog<=727)?'hoog': 
					 (breed>=1436&&breed<1676||hoog<=844)?'hoog':
					 (breed>=1676&&hoog<=1104)?'hoog':
					 'hoog';	 
	if (klasse == 'bm' && hoog>=844) klasse = 'l';

	document.body.className=klasse;
	switch(klasse)
			{
				case "laag":
					bepaalFrame(800,240,hoog);
					break
					
				case "medium":
					bepaalFrame(423,684,hoog);
					break
					
				case "hoog":
					bepaalFrame(590,955,hoog);
					break
					
				case "breed":
					bepaalFrame(590,955,hoog);
					break;
			}			 
}

function keuzemaken()
{		

	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("keuzemenu")) return false;
	/* als bovenstaande tests niet geldig zal het script niet worden uitgevoerd de pagina zal gewoon werken zonder foutmelding */
	var keuzes = document.getElementById("keuzemenu"); 
	var links = keuzes.getElementsByTagName("a");
	for ( var i=0; i < links.length; i++)
	{				
		links[i].onmouseover = function()
		{	
			var titel = this.getAttribute("title");
			switch(titel)
			{
				case "decoraties":
				wissel(titel,"f1");
				break
				
				case "woninginrichting":
				wissel(titel,"f1");
				break
				
				case "pip_producten":
				wissel(titel,"f2");
				break
				
				case "interieurstyling":
				wissel(titel,"f2");
				break
				
				case "contact":
				wissel(titel,"f3");
				break
				
				case "etalages":
				wissel(titel,"f3");
				break
				
				case "workshops-1":
				wissel(titel,"f4");
				break
				
				case "workshops-2":
				wissel(titel,"f4");
				break
				
				case "workshops-3":
				wissel(titel,"f4");
				break
				
				default:
				return true;	
			}
			return false;
		}
		links[i].onmouseout = function()
		{
			var titel = this.getAttribute("title");
			terugzetten(titel,"f1");
			return false
		}
		links[i].onclick = function()
		{
			var titel = this.getAttribute("title");
			switch(titel)
			{
				case "route":
				route();
				break
				
				case "mail":
				decodeer();
				break
				
				default:
				return true;
			}
			return false;
		}
	}
}


function wissel(titel,doelid)
{
	if (!document.getElementById("foto")) return false;
	resolutie = document.body.className;
	if (resolutie == "medium" || resolutie == "hoog" || resolutie == "breed")
	{
		var foto = 'images/' + titel + ".jpg";
		var doel = document.getElementById(doelid);
		doel.setAttribute("src",foto);
	}
	return false;
}

function terugzetten(foto,doelid)
{
	if (!document.getElementById("foto")) return false;
	var leeg = "images/leeg.gif"
	var foto = 'images/' + foto + ".jpg";
	document.getElementById("f1").setAttribute("src",leeg);
	document.getElementById("f2").setAttribute("src",leeg);
	document.getElementById("f3").setAttribute("src",leeg);
	document.getElementById("f4").setAttribute("src",foto);
	return false;
}

function route()
/* (c) Annovyn BV, Author John Klungers*/
{
	var postcode = prompt(" wat is uw postcode (9999 AA)", "")
	var url= "http://dtgi.detelefoongids.nl/dtgi/BerekenRouteTg.do?wie=steenhuis&cp=8&locationType=LOCALITY&type=basic&waar=scheemda&inputPage=tg_routeplanner&pagina=tg_routebeschrijving&sorteerOp=naam&listingId=3248073&dwaar=scheemda&req_source=detailwho&stap=STEP_1&dwie=steenhuis&req_activeseqno=10&vanPostcode="+postcode+"#routebeschrijving"
	open(url);
	return false
}	

function decodeer(scode,icode)
/* (c) Annovyn BV, Author John Klungers*/
{
	iteller= 0;
	ikarakter= 0;
	sreturn= "";
	for (var i=0; i<scode.length; i++)
	{
		if (scode.charAt(i) == ",") iteller++;
	}
	scode=scode.split(",");
	for (var i=0; i<(iteller+1); i++)
	{
		ikarakter=((scode[i])/icode);
		sreturn=sreturn+(String.fromCharCode(ikarakter));
	}
	location.href=sreturn;
}

function bepaalFrame(frameHoogte, frameBreedte, hoog)
{
	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;
	return false;
}