Stuff

	 <div id="fotoscroll">

<script>
var pad = '../../gfx/thumb/'; 
var foto = new Array();
        foto[0] = 'thumb1.jpg';
        foto[1] = 'thumb2.jpg';
        foto[2] = 'thumb3.jpg';
        foto[3] = 'thumb4.jpg';
 
function showPics(stap) {
        if(!stap) {
                document.getElementById('prev').style.visibility='hidden';
        }
        else {
                document.getElementById('prev').style.visibility='visible';
                document.getElementById('prev').onclick=function() { showPics(stap-1); return false; };
        }
        if(stap+2>=foto.length) {
                document.getElementById('next').style.visibility='hidden';
        }
        else {
                document.getElementById('next').style.visibility='visible';
                document.getElementById('next').onclick=function() { showPics(stap+1); return false; };
        }
 
				document.getElementById('imgElement0').src = pad + foto[stap-1];
                document.getElementById('imgElement').src = pad + foto[stap];
				document.getElementById('imgElement2').src = pad + foto[stap+1];
 
}
 
</script>
 
<a href="" onclick="showPics(0); return false;" id="prev" style="visibility:hidden;">Prev</a>
 
        <img id = "imgElement0" src="" />
		<img id = "imgElement" src="" />
		<img id = "imgElement2" src="" />
 
<a href="" onclick="showPics(1); return false;" id="next">Next</a>

	 </div>
	</div>
	<!--- einde popup --->

</div>