function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

if(document.all && !document.getElementById){
    document.getElementById = function(id) {
      	 return document.all[id];
    }
}

/*
to create fading buttons
img src="../Buttons/Button01.gif" border="0" class="knop"  onMouseOver="createFade(this,40,10,5)" onMouseOut="createFade(this,100,50,5)">*/
function fadeOut(obj,speed) {
    document.getElementById(obj).style.filter="blendTrans(duration="+speed+")";
	// Make sure filter is not playing.
	if (( document.getElementById(obj).visibility != "hidden") && (document.getElementById(obj).filters.blendTrans.status != 2)) {
        document.getElementById(obj).filters.blendTrans.Apply();
        document.getElementById(obj).style.visibility="hidden";
	    document.getElementById(obj).filters.blendTrans.Play();
	}
}
function fadeIn(obj,speed) {
    document.getElementById(obj).style.filter="blendTrans(duration="+speed+")";
	// Make sure filter is not playing.
	if ((document.getElementById(obj).visibility != "visible") && (document.getElementById(obj).filters.blendTrans.status != 2)) {
      document.getElementById(obj).filters.blendTrans.Apply();
      document.getElementById(obj).style.visibility="visible";
	  document.getElementById(obj).filters.blendTrans.Play();
	}
}

function write_table_header(tableheight)
{
	var remaining_height=Math.round((document.body.clientHeight-tableheight)/2);
	// calculate percentage of total height
	var percentage=Math.round((remaining_height/document.body.clientHeight)*100+0.5);
	document.write("<tr height='"+percentage+"%'>");
}

/*
	voor opbouw nieuwe popup images, de rest van de site donker maken...
	ilse 08/07
*/
var ie=document.all
var ns6=document.getElementById&&!document.all
var agt=navigator.userAgent.toLowerCase();	
var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var opera=window.opera;
var divImageContainer;
var divImage;
var imgpopup;
var test;
/* to create fade buttons*/
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate   - time in milliseconds between trasparency changes (best under 100)
* delta  - amount of change each time (ie 5, for 5% change in transparency)
*/
function createFade(object, destOp, rate, delta)
{
	if (!document.all)
	return
	if (object != "[object]"){  //do this so I can take a string too
		setTimeout("createFade("+object+","+destOp+","+rate+","+delta+")",0);
		return;
	}
	clearTimeout(nereidFadeTimers[object.sourceIndex]);
	diff = destOp-object.filters.alpha.opacity;
	direction = 1;
	if (object.filters.alpha.opacity > destOp){
		direction = -1;
	}
	delta=Math.min(direction*diff,delta);
	object.filters.alpha.opacity+=direction*delta;
	if (object.filters.alpha.opacity != destOp){
		nereidFadeObjects[object.sourceIndex]=object;
		nereidFadeTimers[object.sourceIndex]=setTimeout("createFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
	}
}

/*	on click on image te enlarge*/
function enlarge(arrimage,position,arrbijschrift){
	scroll(0,0);//scroll to the top of the page
	createFade(document.getElementById("fader"),70,50,5);
	if (ie||ns6){
		// de rest van de site donker maken...
		if (!opera) {
			document.getElementById("fader").style.display = "block";
		}
		divImageContainer = document.getElementById("divImageContainer");
		/*divImage = document.getElementById("divImage");*/
		test = document.getElementById("test");
		test.innerHTML = '<span id="divImage" name="divImage" style="FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=0.00); " align="center"><img src="' + arrimage[position] + '" style="cursor:hand;border-color:#ffffff;filter:revealTrans(duration=2,transition=23);" onclick="closepreview();" border="1" id="imgpopup" name="imgpopup"></span>';
		writebuttons(arrimage,position)
		if (arrbijschrift!='')
			document.getElementById("bijschrift").innerHTML = arrbijschrift[position];
	}
	
}
	
/* onclick previous and next button in popup layer	*/
function enlarge2(arrimage,position,arrbijschrift){
		divImageContainer = document.getElementById("divImageContainer");
		divImage = document.getElementById("divImage");
		imgpopup = document.getElementById("imgpopup");	
	if (ie||ns6){
		if (document.all && imgpopup.filters){
			imgpopup.style.filter="progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)"
			imgpopup.filters[0].apply();
		}
		document.images.imgpopup.src=arrimage[position];
		if (document.all && imgpopup.filters)
			imgpopup.filters[0].play();
	}else{
		document.images.imgpopup.src=arrimage[position];
	}
	writebuttons(arrimage,position)
	if (arrbijschrift!='')
		document.getElementById("bijschrift").innerHTML = arrbijschrift[position];		
}	

/* het schrijven van de next en prevous button	*/
function writebuttons(arrimage,position){
	/*	Previous button 	*/
	if (position>0){
			PrevImage.innerHTML = '<a href="#" onclick="return enlarge2(popup_images, ' + (position-1) + ',popup_bijschrift);"><img border="0" src="../Buttons/Previous.gif" class="highlight"  onmouseover="this.className=\'highlightoff\';this.style.cursor=\'hand\';this.style.cursor=\'pointer\';" onmouseout="this.className=\'highlight\';this.style.cursor=\'\';"></a><img src="../Graphics/Spacer.gif" width="5" height="1">';
	}else{
		PrevImage.innerHTML = '';
	}
	/*	Next button	*/
	if (position<(arrimage.length-1)){
			NextImage.innerHTML = '<img src="../Graphics/Spacer.gif" width="5" height="1"><a href="#" onclick="return enlarge2(popup_images, ' + (position+1) + ',popup_bijschrift);"><img border="0" src="../Buttons/Next.gif" class="highlight"  onmouseover="this.className=\'highlightoff\';this.style.cursor=\'hand\';this.style.cursor=\'pointer\';" onmouseout="this.className=\'highlight\';this.style.cursor=\'\';"></a>';
	}else{
		NextImage.innerHTML = '';
	}
	divImageContainer.style.display="block";
} 

/* in de onload van de pagina, de positie bepalen van divImageContainer	*/
function setPositiondivImageContainer(widthmax,heightmax){
	divImageContainer = document.getElementById("divImageContainer");
	posX = (getdocwidth() - widthmax) / 2;
	posY = (getdocheight() - heightmax) / 2;//- 75
	divImageContainer.style.left = posX + "px";
	divImageContainer.style.top = posY + "px";
	if (is_ie) {
		divImageContainer.style.width = widthmax + "px";
	}
	else {
		divImageContainer.style.width = (widthmax+10) + "px";
	}		
}

function getdocwidth() {
	//opera Netscape 6 Netscape 4x Mozilla 
	if (window.innerWidth){ 
		docwidth = window.innerWidth; 
	} 
	else {//IE Mozilla 
		if (document.all && !window.opera && document.body && typeof document.body.scrollTop=='number') { // Als het MS is dus eigenlijk
	    	docwidth = document.body.clientWidth;
	    }
	    else {		//	if (document.body.clientWidth 
			docwidth = document.body.clientWidth; 
		}
	}
	return docwidth;
}

function getdocheight() {
	//opera Netscape 6 Netscape 4x Mozilla 
	if (window.innerHeight){ 
		docwidth = window.innerHeight; 
	} 
	else {//IE Mozilla 
		if (document.all && !window.opera && document.body && typeof document.body.scrollTop=='number') { // Als het MS is dus eigenlijk
	    	docwidth = document.body.clientHeight; // -32??
	    }
	    else {		//	if (document.body.clientWidth 
			docwidth = document.body.clientHeight; 
		}
	}
	return docwidth;
}	

function closepreview(){
	divImageContainer.style.display="none"
	document.getElementById("fader").style.display = "none";
	createFade(document.getElementById("fader"),0,50,5);
}