// CREDITS:
// Image Scroller 2.03 with double-fade effect
// By Peter Gehrig
// Minor modifications by: Frits Zwegers
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
function view(pic, idPortfolio, width, height) { 
  var Popupnaam = "Portfolio"; 
  window.open("picture.php?pic="+pic+"&idPortfolio="+idPortfolio,Popupnaam,"scrollbars=0,status=1,resizable=0,width=" + width + ",height=" + height); 
} 
// URLs of slides
var slideurl = new Array("gallery/fotos/2005-09-07_RePlayerz//thumbs/thumb_dsc03640.jpg","gallery/fotos/2007-08-20_1187643230//thumbs/thumb_HPIM0800.JPG","gallery/fotos/2007-06-06_1181174751//thumbs/thumb_HPIM0387.JPG","gallery/fotos/2007-05-29_1180481588//thumbs/thumb_HPIM0306.JPG","gallery/fotos/23-03-2005_Fomas_stunt//thumbs/thumb_img_1418.jpg","gallery/fotos/2005-08-17_intro_stratum//thumbs/thumb_dsc03232.jpg","gallery/fotos/2007-09-19_1190242573//thumbs/thumb_HPIM1253","gallery/fotos/1206486000-Communicatie-@-t-Lempke//thumbs/DSC01351.JPG","gallery/fotos/2005-09-15_afterintro_FEID//thumbs/thumb_dsc03737.jpg","gallery/fotos/intro2004_19-08-04//thumbs/thumb_intro2004_19-08-2004_113.jpg","gallery/fotos/2005-08-17_intro_stratum//thumbs/thumb_dsc03249.jpg","gallery/fotos/jnj_2-11-2004//thumbs/thumb_jnj_2-11-2004_60.jpg","gallery/fotos/23-03-2005_Fomas_stunt//thumbs/thumb_img_1365.jpg","gallery/fotos/intro2004_26-08-2004//thumbs/thumb_intro2004_26-08-2004_51.jpg")
var slidelink = new Array("fotos/5246","fotos/2547","fotos/4810","fotos/1687","fotos/3361","fotos/4741","fotos/2045","fotos/7860","fotos/5327","fotos/1180","fotos/4755","fotos/2157","fotos/3293","fotos/1217")//var slideurl= new Array();
//var slidelink = slideurl; //new Array();

// links for each slide


// the width of the slideshow (pixels) /*Note: Just a large number*/
var scrollerwidth= 1000

// the height of the slideshow (pixels)
var scrollerheight=130

// width of the transparent zones (pixels)
var translayerszone=0

// background-color of webpage 
var pagebgcolor="#FF6600"

// do not edit below this line
var translayerswidth=0
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft,clipright,cliptop,clipbottom, clip2right
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
var browserinfos=navigator.userAgent 
var opera=browserinfos.match(/Opera/)  

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
	preloadedimages[i]=new Image()
	preloadedimages[i].src=slideurl[i]
}

var currentpic = "picturediv1"

function init() {
    if (ie) {
		allpicturewidth=document.all.picturediv1.offsetWidth
		document.all.picturediv1.style.posTop=scrollertop
		document.all.picturediv2.style.posTop=scrollertop
        document.all.picturediv1.style.posLeft=scrollerleft
		document.all.picturediv2.style.posLeft=scrollerleft+allpicturewidth
		clipleft=0
		clipright=scrollerwidth
		cliptop=0
		clip2right = 0
		clipbottom=scrollerheight
		document.all.picturediv1.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.picturediv1.style.visibility="visible"
		document.all.picturediv2.style.visibility="visible"
		document.all.picturediv1.style.overflow="hidden"
		document.all.picturediv2.style.overflow="hidden"
		scrollpicture()
		
    }
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
		document.getElementById('picturediv1').style.top=scrollertop
		document.getElementById('picturediv2').style.top=scrollertop		
        document.getElementById('picturediv1').style.left=scrollerleft
        document.getElementById('picturediv2').style.left=scrollerleft+allpicturewidth		
		clipleft=0
		clipright= scrollerwidth
		cliptop=0
		clip2right = 0
		clipbottom=scrollerheight
		document.getElementById('picturediv1').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.getElementById('picturediv1').style.visibility="visible"
		document.getElementById('picturediv2').style.visibility="visible"		
		scrollpicture()  
    }
	if (ns4) {
		allpicturewidth=document.roof.document.picturediv.document.width
		document.roof.document.picturediv1.top=scrollertop
		document.roof.document.picturediv2.top=scrollertop
		document.roof.document.picturediv1.left=scrollerleft
		document.roof.document.picturediv2.left=scrollerleft+allpicturewidth
		document.roof.document.picturediv1.clip.left=0
		document.roof.document.picturediv1.clip.right=0
		document.roof.document.picturediv1.clip.top=0
		document.roof.document.picturediv2.clip.left=0
		document.roof.document.picturediv2.clip.right=0
		document.roof.document.picturediv2.clip.top=0		
		document.roof.document.picturediv1.clip.bottom=scrollerheight
		document.roof.document.picturediv2.clip.bottom=scrollerheight		
		document.roof.document.picturediv1.visibility="visible"
		document.roof.document.picturediv2.visibility="visible"
        scrollpicture()
    }
}

function scrollpicture() {
    if (ie) {
		if (document.all.picturediv1.style.posLeft>=scrollerleft-allpicturewidth) {
		   if (document.all.picturediv2.style.posLeft>=scrollerleft-allpicturewidth) {
		
			document.all.picturediv1.style.posLeft-=step
			document.all.picturediv2.style.posLeft-=step
			
			clipright+=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			} 
			
			if ((clipright + clipleft) > allpicturewidth) {
				clipright = allpicturewidth - step
				clip2right += step
			}
			
			if (currentpic == "picturediv1") {
				document.all.picturediv1.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
				document.all.picturediv2.style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" 0)"				
			} else {		
				document.all.picturediv2.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
				document.all.picturediv1.style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" 0)"									
			}
			var timer=setTimeout("scrollpicture()",pause)
		  }
		  else {
			currentpic = "picturediv1"
			clipright = clip2right
			clip2right = 0
		    resetposition2()
		  }
		  
		}
		else {
			currentpic = "picturediv2"
			clipright = clip2right
			clip2right = 0
			resetposition1()
		}
	}
	if (ns6) {
		if (parseInt(document.getElementById('picturediv1').style.left)>=scrollerleft-allpicturewidth) {
		  if (parseInt(document.getElementById('picturediv2').style.left)>=scrollerleft-allpicturewidth) {

				document.getElementById('picturediv1').style.left=parseInt(document.getElementById('picturediv1').style.left)-step
				document.getElementById('picturediv2').style.left=parseInt(document.getElementById('picturediv2').style.left)-step
			clipright+=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			
			if ((clipright + clipleft) > allpicturewidth) {
				clipright = allpicturewidth - step
				clip2right += step
			}
			
			if (currentpic == "picturediv1") {							
				document.getElementById('picturediv1').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
				document.getElementById('picturediv2').style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" 0)"
			} else {
				document.getElementById('picturediv2').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
				document.getElementById('picturediv1').style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" 0)"
			
			}						
			var timer=setTimeout("scrollpicture()",pause)
		  } 
		    else {
			currentpic = "picturediv1"
			clipright = scrollerwidth
			clip2right = 0		
			  resetposition2()

			}
		}		
		else {
			currentpic = "picturediv2"
			clipright = scrollerwidth
			clip2right = 0		
			resetposition1()
		}
	}
   if (ns4) {
		if (document.roof.document.picturediv1.left>=scrollerleft-allpicturewidth) {
		   if (document.roof.document.picturediv2.left>=scrollerleft-allpicturewidth) {
			  document.roof.document.picturediv1.left-=step
			  document.roof.document.picturediv2.left-=step
			  
			  if (currentpic == "picturediv1") {
			  		document.roof.document.picturediv1.clip.right+=step
					
			 		if (document.roof.document.picturediv1.clip.right>scrollerwidth) {
						document.roof.document.picturediv1.clip.left+=step
			  		}
				if ((document.roof.document.picturediv1.clip.right + document.roof.document.picturediv1.clip.left) > allpicturewidth) {
					document.roof.document.picturediv1.clip.right = allpicturewidth - step
					document.roof.document.picturediv2.clip.right += step
				}					
			  } else {
			  		document.roof.document.picturediv2.clip.right+=step
					
			 		if (document.roof.document.picturediv2.clip.right>scrollerwidth) {
						document.roof.document.picturediv2.clip.left+=step
			  		}
				if ((document.roof.document.picturediv2.clip.right + document.roof.document.picturediv2.clip.left) > allpicturewidth) {
					document.roof.document.picturediv2.clip.right = allpicturewidth - step
					document.roof.document.picturediv1.clip.right += step
				}					
			  }			  

			  var timer=setTimeout("scrollpicture()",pause)
		  } else {
			currentpic = "picturediv1"
			document.roof.document.picturediv1.clip.right = scrollerwidth
			document.roof.document.picturediv2.clip.right = 0					  
		      resetposition2()
		  }
		}
		else {
			currentpic = "picturediv2"
			document.roof.document.picturediv2.clip.right = scrollerwidth
			document.roof.document.picturediv1.clip.right = 0		
			resetposition1()
		}
	}
}

function onmsover() {
	step=0
}
function onmsout() {
	step=newstep
}

function resetposition1() {
	if (ie) {
        document.all.picturediv1.style.posLeft=scrollerleft+allpicturewidth
		clipleft=0
		document.all.picturediv1.style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
        document.getElementById('picturediv1').style.left=scrollerleft+allpicturewidth
		clipleft=0
		document.getElementById('picturediv1').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns4) {
		document.roof.document.picturediv1.left=scrollerleft+allpicturewidth
		document.roof.document.picturediv1.clip.left=0
        scrollpicture()
	}
}
function resetposition2() {
	if (ie) {
        document.all.picturediv2.style.posLeft=scrollerleft+allpicturewidth
		clipleft=0
		document.all.picturediv2.style.clip ="rect("+cliptop+" "+clip2right+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
        document.getElementById('picturediv2').style.left=scrollerleft+allpicturewidth
		clipleft=0
		document.getElementById('picturediv2').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns4) {
		document.roof.document.picturediv2.left=scrollerleft+allpicturewidth
		document.roof.document.picturediv2.clip.left=0
        scrollpicture()
	}
}

picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0 style=\"overflow: hidden; width: 300px;\">"
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
	picturecontent+="<td>"
	picturecontent+="<a href=\""+slidelink[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
	picturecontent+="<img src=\""+slideurl[i]+"\" border=0></a>"
	picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="</tr></table>"

if (ie || ns6) {
	document.write('<div style="position:relative;width:550px;height:'+scrollerheight+'px;overflow:hidden;">')
	document.write('<div id="picturediv1" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden;overflow: hidden;">'+picturecontent+'</div>')
	document.write('<div id="picturediv2" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden; overflow: hidden;">'+picturecontent+'</div>')
	
	if (ie && !opera) {
		for (i=0;i<=translayersmax;i++) {
		document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		}
		translayersleftpos=scrollerwidth-translayersleftpos
		for (ii=0;ii<=translayersmax;ii++) {
		document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	}
	if (ns6 && !opera) {
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		if (translayersopacity<0) {translayersopacity=0.001}
		}
		translayersleftpos=scrollerwidth-translayersleftpos
		translayersopacity=0.001
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transright'+i+'" style="overflow: hidden; position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	
	}
	document.write('</div>')
	document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden; overflow: hidden;">'+picturecontent+'</div>')

	window.onload=init
}

if (ns4) {
	document.write('<ilayer style="overflow: hidden;" name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
	document.write('<layer style="overflow: hidden;" name="picturediv1" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
	document.write('</ilayer>')
	document.write('<layer style="overflow: hidden;" name="picturediv2" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
	document.write('</ilayer>')	
	window.onload=init
}