var slideurl=new Array("/var/UserFiles/Image/scroll-01.jpg","/var/UserFiles/Image/scroll-02.jpg","/var/UserFiles/Image/scroll-03.jpg","/var/UserFiles/Image/scroll-04.jpg","/var/UserFiles/Image/scroll-05.jpg","/var/UserFiles/Image/scroll-06.jpg","/var/UserFiles/Image/scroll-07.jpg","/var/UserFiles/Image/scroll-08.jpg","/var/UserFiles/Image/scroll-09.jpg","/var/UserFiles/Image/scroll-10.jpg","/var/UserFiles/Image/scroll-11.jpg","/var/UserFiles/Image/scroll-12.jpg","/var/UserFiles/Image/scroll-13.jpg","/var/UserFiles/Image/scroll-14.jpg")

// eventueel commentaar onder de foto
var slidecomment=new Array("fotografie.01","fotografie.02","fotografie.03","vloeren.jpg","trompe l'oeil.jpg","vergulden.jpg")

// een link aan ieder plaatje?
var slidelink=new Array("page_h","page_1f","page_1a","")

// hoe moet de link openen. Je kunt gebruiken: "_parent", "_top", "_blank", "_self"
var slidetarget=new Array("_self","_self","_self","_self")

// breedte van de slideshow (pixels)
var scrollerwidth=300

// hooghte van de slideshow (pixels)
var scrollerheight=437

// breedte van de transparante zones (pixels)
var translayerszone=15

// opmaak van het commentaar onder de foto
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"

// achtergrondkleur van de pagina 
var pagebgcolor="#E7E7E7"

// hierna hoef je niets meer te veranderen
var translayerswidth=1
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
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]
}


function slideShow() {
  picturecontent=""
  picturecontent+="<table cellpadding=2 cellspacing=0>"
  picturecontent+="<tr>"
  for (i=0;i<=slideurl.length-1;i++) {
  	picturecontent+="<td>"
//  	picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
  	picturecontent+="<img src=\""+slideurl[i]+"\" border=0>"//</a>"
  	picturecontent+="</td>"
  }
  picturecontent+="</tr>"
  picturecontent+="<tr>"
  for (i=0;i<=slideurl.length-1;i++) {
  	picturecontent+="<td>"
  	picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
  	picturecontent+=slidecomment[i]
  	picturecontent+="</font>"
  	picturecontent+="</td>"
  }
  picturecontent+="</tr>"
  picturecontent+="</tr></table>"
  
  if (ie || ns6) {
  	document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
  	document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility: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="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">'+picturecontent+'</div>')
  
  	window.onload=init
  }
  
  if (ns4) {
  	document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
  	document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' style="display: none; ">'+picturecontent+'</layer>')
  	document.write('</ilayer>')
  	window.onload=init
  }
}

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

function scrollpicture() {
    if (ie) {
		if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) {
			document.all.picturediv.style.posLeft-=step
			clipright+=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
	if (ns6) {
		if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) {
	document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
			clipright+=step
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
   if (ns4) {
		if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) {
			document.roof.document.picturediv.left-=step
			document.roof.document.picturediv.clip.right+=step
			if (document.roof.document.picturediv.clip.right>scrollerwidth) {
				document.roof.document.picturediv.clip.left+=step
			}
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
}

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

function resetposition() {
	if (ie) {
        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns4) {
		document.roof.document.picturediv.left=scrollerleft+scrollerwidth
		document.roof.document.picturediv.clip.left=0
		document.roof.document.picturediv.clip.right=0
        scrollpicture()
	}
}