<!--
function updateDiv(naam,status)
{
  var huidigeStijl = getStyleObject(naam);
  if (huidigeStijl != false)
  {
    huidigeStijl.display = status;
  }
}

function getStyleObject(objectId) {
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}


function verplaatsDiv(referentie, doel, xOffset, yOffset) {
	var referentieStijl = getStyleObject(referentie);
	var referentieX = getposOffset(referentie, "left");
	var referentieY = getposOffset(referentie, "top");

	//alert('referentieX: '+ referentieX +' \nreferentieY: '+ referentieY);


	var doelStijl = getStyleObject(doel);
	var doelX = parseInt(referentieX) + xOffset;
	var doelY = parseInt(referentieY) + yOffset;

	//alert('doelX: '+ doelX +' \ndoelY: '+ doelY);

	doelStijl.left = doelX + 'px';
	doelStijl.top = doelY + 'px';
}

// Functies voor de thumbnails op de productpagina
	function thumbOn(thumbObj,nr){
		newSource = thumbObj.src.replace('b=52','b=300');
		newSource = newSource.replace('h=45','h=275');
		document.getElementById("bigImage").src = newSource;
		thumbObj.className="thumb active";
		//bigImageLink = document.getElementById("bigImageLink");
		//bigImageLink.onclick = bigImageLink.onclick.replace('currentpage=1','currentpage=3');
	}
	function thumbOut(thumbObj){thumbObj.className="thumb";	}

// Functie voor (sub)menu's

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

// Begin functies background-fade

function toonVideoscherm(){

	// Nog fixen: dat ook videoVenster blijft staan.

	var videoAchtergrond = document.getElementById("darkBackgroundLayer");
	var videoVenster = document.getElementById("videoBox");
	// Eerst een position: fixed oplossing voor IE6 (en lager).
	if (videoVenster.style.setExpression) { 
		videoVenster.style.position = 'absolute'; 
		videoAchtergrond.style.position = 'absolute'; 

		videoVenster.style.setExpression('top', "(document.documentElement || document.body).scrollTop +'px'"); 
		videoAchtergrond.style.setExpression('top', "(document.documentElement || document.body).scrollTop +'px'"); 

		videoVenster.style.setExpression('left', "(document.documentElement || document.body).scrollLeft +'px'"); 
		videoAchtergrond.style.setExpression('left', "(document.documentElement || document.body).scrollLeft +'px'"); 

		//document.body.style.backgroundAttachment = 'fixed'; 
	} 

	// Het lijkt nu zo te zijn: de layer die als eerste getoond wordt, die gaat goed.
	videoAchtergrond.style.display = "block";
	videoVenster.style.display = "block";
	
	
	w = 300;
	h = 200;

	xc = Math.round((document.body.clientWidth/2)-(w/2));
	yc = Math.round((document.body.clientHeight/2)-(h/2));

	// IE-fix voor breedte van achtergrond-scherm
	videoAchtergrond.style.width = document.body.clientWidth;

	videoVenster.style.left = xc + "px";
	videoVenster.style.top = yc + "px";

}


function verbergVideoscherm(){
	document.getElementById("darkBackgroundLayer").style.display = "none";
	document.getElementById("videoBox").style.display = "none";		

}


// Einde functie background-fade
//-->