onresize = schermKlasse;
onload = function()
{ 
	schermKlasse();
	keuzeMaken();
}


/* 
original idea setSchermClass: Marc van den Dobbelsteen  published dec. 2006 A list apart.	
redesigned John Klungers Annovyn bv 2007.
*/
var gNummer;
var gModel;
var gMaxNr;
var gKlasse;

function schermKlasse()
{
	if (!document.documentElement) return false;
	if (!document.getElementById) return false;
	var breed = document.documentElement.clientWidth;
	var hoog = document.documentElement.clientHeight;
	gKlasse = (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 (gKlasse == 'bm' && hoog>=844) gKlasse = 'm';		 				 
	document.body.className=gKlasse;
	document.body.style.visibility="visible";

 	switch(gKlasse)
		{
		case "xs":
			bepaalFrame(800,280,hoog,breed);
			break
		case "s":
			bepaalFrame(420,796,hoog,breed);
			break
		case "m":
			bepaalFrame(583,1002,hoog,breed);
			break
		case "bm":
			bepaalFrame(624,1276,hoog,breed);
			break
		case "xbm":
			bepaalFrame(727,1436,hoog,breed);
			break
		case "l":
			bepaalFrame(844,1276,hoog,breed);
			break
		case "bl":
			bepaalFrame(874,1676,hoog,breed);
			break
		case "xl":
			bepaalFrame(1002,1676,hoog,breed);
			break;
		}

}

function bepaalFrame(frameHoogte, frameBreedte, hoog, breed)

{
	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 + ' - gKlasse '+gKlasse+ ' - ' +frameBreedte + ' x ' + frameHoogte+ ' marge: '+ margeHoogte
	}
	return false;
}

function keuzeMaken()
{		
	
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById('pagina')) return false;
	/* als bovenstaande tests niet geldig zal het script niet worden uitgevoerd de pagina zal gewoon werken zonder foutmelding */
	var keuzes = document.getElementById('pagina'); 
	var links = keuzes.getElementsByTagName('a');
	var resolutie = document.body.className;
	var doel = document.getElementById('popup');
	var resolutie = document.body.className;
	for ( var i=0; i < links.length; i++)
	{				
		links[i].onmouseover = function()
		{	
			var titel = this.getAttribute('title');
			switch(titel)

			{	
			
				default:
				return true;	
			}
			return false;
		}
		links[i].onmouseout = function()
		{
			var titel = this.getAttribute('title');
			//popoff();
			return true
		}
		links[i].onclick = function()
		{
			var titel = this.getAttribute('title');
			switch(titel)
			{
				case "gigant1":
					gNummer = 1;
					gMaxNr = 2;
					gModel = "gigant";
					popup(doel,resolutie);
				break
				
				case "gigant2":
					gNummer = 2;
					gMaxNr = 2;
					gModel = "gigant";
					popup(doel,resolutie);
				break
				
				case "de kromme 1":
					gNummer = 1;
					gMaxNr = 2;
					gModel="dekromme"
					popup(doel, resolutie);
				break

				case "de kromme 2":
					gNummer = 2;
					gMaxNr = 2;
					gModel="dekromme"
					popup(doel, resolutie);
				break

				case "de fenix 1":
					gNummer = 1;
					gMaxNr = 3;
					gModel="fenix"
					popup(doel, resolutie);
				break

				case "de fenix 2":
					gNummer = 2;
					gMaxNr = 3;
					gModel="fenix"
					popup(doel, resolutie);
				break

				case "de fenix 3":
					gNummer = 3;
					gMaxNr = 3;
					gModel="fenix"
					popup(doel, resolutie);
				break

				case "de goliath 1":
					gNummer = 1;
					gMaxNr = 2;
					gModel="goliath"
					popup(doel, resolutie);
				break
				
				case "de goliath 2":
					gNummer = 2;
					gMaxNr = 2;
					gModel="goliath"
					popup(doel, resolutie);
				break
				
				case "asterix 1":
					gNummer = 1;
					gMaxNr = 5;
					gModel="asterix"
					popup(doel, resolutie);
				break
				
				case "asterix 2":
					gNummer = 2;
					gMaxNr = 5;
					gModel="asterix"
					popup(doel, resolutie);
				break
	
				case "asterix 3":
					gNummer = 3;
					gMaxNr = 5;
					gModel="asterix"
					popup(doel, resolutie);
				break	

				case "mier 1":
					gNummer = 1;
					gMaxNr = 3;
					gModel="mier"
					popup(doel, resolutie);
				break
				
				case "mier 2":
					gNummer = 2;
					gMaxNr = 3;
					gModel="mier"
					popup(doel, resolutie);
				break
				
				case "mier 3":
					gNummer = 3;
					gMaxNr = 3;
					gModel="mier"
					popup(doel, resolutie);
				break	
				
				case "buffel 1":
					gNummer = 1;
					gMaxNr = 4;
					gModel="buffel"
					popup(doel, resolutie);
				break
				
				case "buffel 2":
					gNummer = 2;
					gMaxNr = 4;
					gModel="buffel"
					popup(doel, resolutie);
				break
	
				case "buffel 3":
					gNummer = 3;
					gMaxNr = 4;
					gModel="buffel"
					popup(doel, resolutie);
				break	
			
				case "transport 1":
					gNummer = 1;
					gMaxNr = 4;
					gModel="transport"
					popup(doel, resolutie);
				break
				
				case "transport 2":
					gNummer = 2;
					gMaxNr = 4;
					gModel="transport"
					popup(doel, resolutie);
				break
	
				case "transport 3":
					gNummer = 3;
					gMaxNr = 4;
					gModel="transport"
					popup(doel, resolutie);
				break	
				
				case "giraffe 1":
					gNummer = 1;
					gMaxNr = 2;
					gModel="giraffe"
					popup(doel, resolutie);
				break
				
				case "giraffe 2":
					gNummer = 2;
					gMaxNr = 2;
					gModel="giraffe"
					popup(doel, resolutie);
				break
	
				case "mail":
				decodeer();
				break
				
				case "sluiten":
				popoff(doel);
				break
				
				case "volgende":
				bladeren("vooruit");
				wissel(doel,resolutie)
				break
								
				case "vorige":
				bladeren ("terug");
				wissel(doel,resolutie)
				break
				
				default:
				return true;
			}
			return false;
		}
	}
}

function popup(doel,resolutie)
{
	wissel(doel,resolutie)
	doel.className="zichtbaar";
}
function popoff(doel)
{
//var doel = document.getElementById('popup')
doel.className="onzichtbaar";
}

function bladeren(richting)
{
	if (richting=="vooruit"){
		gNummer=gNummer+1;
		if (gNummer > gMaxNr){gNummer = gMaxNr;}
	}
	else {gNummer=gNummer-1;}
	if (gNummer < 1){gNummer = 1;}
	return true;
}

function wissel(doel,resolutie)
{
	var foto = '#ffffff url(./images/' + gModel + '_'+ gNummer + "-" + gKlasse +'.jpg) center no-repeat';
	doel.style.background = foto;
	return true;
}