function getWindowHeight()
{
	// Hoogte v/d viewport
	var windowHeight=0;
	
	if (typeof(window.innerHeight)=='number')
	{
		windowHeight=window.innerHeight;
	}
	else
	{
		if( document.documentElement && document.documentElement.clientHeight)
		{
			windowHeight= document.documentElement.clientHeight;
		} 
		else 
		{
			if (document.body&&document.body.clientHeight)
			{
				windowHeight=document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

var windowHeight = getWindowHeight();

function init()
{	
	// bereken wat hoogte van scrollbox moet zijn
	var headerHeight = document.getElementById("header").clientHeight;
	var footer = getElementsByClassName('moduletable-top');
	var footerHeight = footer[0].clientHeight;
	var contentHeight = windowHeight - (headerHeight + footerHeight);
	contentHeight -= 30;
	
	// Als hoogte kleiner dan 300 is, stel dan de hoogte in op 300
	if(contentHeight < '300')
	{
		contentHeight = '300';
		document.getElementsByTagName('html')[0].style.overflowY = 'scroll';
	}
	
	// IE7 fix: selecteer een link, dan komt scrollbar tevoorschijn...
	if( getElementsByClassName('winkel')[0] ){
		//document.getElementById('scrollbox').getElementsByTagName('a')[1].focus();
	}
	
	// stel hoogte scrollbox in
	document.getElementById("scrollbox").style.height = contentHeight + 'px';
	//document.body.style.height = windowHeight - 10;

	// Als: de thumbnails er staan
	if( document.getElementById('foto1') ) {
	
		// maak grote afb. zichtbaar
		document.getElementById('foto-groot').innerHTML = '<img id="foto-grootimg" alt="Keuken" title="Keuken" width="404" />';
		document.getElementById('foto-groot').style.display = 'block';
		
		// Toon de 1e foto als de pagina's wordt geladen
		swapImage('foto1');
		
		document.getElementById('foto1').onmouseover = function(){ swapImage('foto1') };
document.getElementById('foto2').onmouseover = function(){ swapImage('foto2') };
document.getElementById('foto3').onmouseover = function(){ swapImage('foto3') };
document.getElementById('foto4').onmouseover = function(){ swapImage('foto4') };
document.getElementById('foto5').onmouseover = function(){ swapImage('foto5') };
	}
	
	if( document.getElementById('blockrandom') ){
		document.getElementById('orderstatus').scrollLeft = 445;
	}
}

window.onload = init;

function swapImage(soort)
{
	switch(soort)
	{
		case 'foto1':
	document.getElementById('beschrijving1').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'none';
	document.getElementById('beschrijving1').style.display = 'block';
	document.getElementById('foto-grootimg').src = document.getElementById('foto1img').src;
break;case 'foto2':
	document.getElementById('beschrijving1').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'block';
	document.getElementById('foto-grootimg').src = document.getElementById('foto2img').src;
break;case 'foto3':
	document.getElementById('beschrijving1').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'block';
	document.getElementById('foto-grootimg').src = document.getElementById('foto3img').src;
break;case 'foto4':
	document.getElementById('beschrijving1').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'block';
	document.getElementById('foto-grootimg').src = document.getElementById('foto4img').src;
break;case 'foto5':
	document.getElementById('beschrijving1').style.display = 'none';
	document.getElementById('beschrijving2').style.display = 'none';
	document.getElementById('beschrijving3').style.display = 'none';
	document.getElementById('beschrijving4').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'none';
	document.getElementById('beschrijving5').style.display = 'block';
	document.getElementById('foto-grootimg').src = document.getElementById('foto5img').src;
break;	}
}

function getElementsByClassName(clsName) 
{ 
	var arr = new Array(); 
	var elems = document.getElementsByTagName("*");
	for ( var cls, i = 0; ( elem = elems[i] ); i++ )
	{
		if ( elem.className == clsName )
		{
			arr[arr.length] = elem;
		}
	}
	return arr;
}