Slideshow met timer en onderschrift

<script type="text/javascript">
<!--
/* 
=====================================================
Copyrighted by Zamna 
Deze slideshow mag vrij gebruikt worden indien deze
commentaarregel blijft staan.
=====================================================
*/

// plaats hier welke figuren in de diashow moeten voorkoemen
var pics = new Array("pic1.jpg","pic2.jpg","pic3.jpg");

// plaats hier in causale volgorde welk onderschirft de dia's moeten krijgen
var uitleg = new Array("pic1","pic2","pic3");

// plaats hier hoeveel dia's de show bevat
var aantalpics = 3

//verander hier de tijd tussen 2 dia's *** 1000 = 1 seconde *** gerbuik aleen duizendtallen
var tussentijd = 4000

/* 
=====================================================
********* niets meer veranderen hieronder  **********
=====================================================
*/
var timer = 0;
var timeraan = false;
var pic = -1;

function stop_show()
{
document.getElementById("slideVorige").disabled=false
document.getElementById("slideVolgende").disabled=false
document.getElementById("slideStart").disabled=false
document.getElementById("slideStop").disabled=true

timeraan = false;
}

function vorige_show()
{
verander_pic(-1)
}

function volgende_show()
{
verander_pic(1)
}

function start_show()
{
document.getElementById("slideVorige").disabled=true
document.getElementById("slideVolgende").disabled=true
document.getElementById("slideStart").disabled=true
document.getElementById("slideStop").disabled=false

timeraan = true;
verander_pic(1)
}

function verander_pic(step)
{
	pic +=step;
	
	if (pic > aantalpics - 1){
	pic = 0;
	} 
	
	if (pic < 0){
	pic = aantalpics - 1;
	} 
	
	/*	
	andere effecten
	if (document.all){
		document.images.slidepic.style.filter="revealtrans(duration=3,8)";
		document.images.slidepic.filters.revealtrans.Apply();    
	}
		document.images.slidepic.src = pics[pic];
	if (document.all){
		document.images.slidepic.filters.revealtrans.Play();   
	}
	*/
	
	// controle IE of FF !	
	if (document.all){
 	document.images.slidepic.style.filter="blendTrans(duration=3)";
    document.images.slidepic.filters.blendTrans.Apply();     
	}
	
	document.images.slidepic.src = pics[pic];
	
	if (document.all){
	document.images.slidepic.filters.blendTrans.Play(); 
	}	
	
	document.getElementById("onderschrift").value= uitleg[pic]
   
    timer = tussentijd; 
    teller(); 
}

function teller() 
{ 
if (timeraan == true) {
		if(timer == 0) 
		{ 
			verander_pic(1); 
		} 
		else 
		{ 
			timer = timer - 1000; 
			setTimeout("teller()", 1000); 
		} 
}
} 

//-->

/* 
===============================================================
nu komt de html, hier aan mag je alles veranderen, 
hier kan je ook de layout en kleuren van de slideshow aanpassen  
===============================================================
*/
</script> 

<script type="text/javascript">
<!--
/* 
=====================================================
Copyrighted by Zamna 
Deze slideshow mag vrij gebruikt worden indien deze
commentaarregel blijft staan.
=====================================================
*/
 
// plaats hier welke figuren in de diashow moeten voorkoemen
var pics = new Array("pic1.jpg","pic2.jpg","pic3.jpg");
 
// plaats hier in causale volgorde welk onderschirft de dia's moeten krijgen
var uitleg = new Array("pic1","pic2","pic3");
 
// plaats hier hoeveel dia's de show bevat
var aantalpics = 3
 
//verander hier de tijd tussen 2 dia's *** 1000 = 1 seconde *** gerbuik aleen duizendtallen
var tussentijd = 4000
 
/* 
=====================================================
********* niets meer veranderen hieronder  **********
=====================================================
*/
var timer = 0;
var timeraan = false;
var pic = -1;
 
function stop_show()
{
document.getElementById("slideVorige").disabled=false
document.getElementById("slideVolgende").disabled=false
document.getElementById("slideStart").disabled=false
document.getElementById("slideStop").disabled=true
 
timeraan = false;
}
 
function vorige_show()
{
verander_pic(-1)
}
 
function volgende_show()
{
verander_pic(1)
}
 
function start_show()
{
document.getElementById("slideVorige").disabled=true
document.getElementById("slideVolgende").disabled=true
document.getElementById("slideStart").disabled=true
document.getElementById("slideStop").disabled=false
 
timeraan = true;
verander_pic(1)
}
 
function verander_pic(step)
{
	pic +=step;
 
	if (pic > aantalpics - 1){
	pic = 0;
	} 
 
	if (pic < 0){
	pic = aantalpics - 1;
	} 
 
	/*	
	andere effecten
	if (document.all){
		document.images.slidepic.style.filter="revealtrans(duration=3,8)";
		document.images.slidepic.filters.revealtrans.Apply();    
	}
		document.images.slidepic.src = pics[pic];
	if (document.all){
		document.images.slidepic.filters.revealtrans.Play();   
	}
	*/
 
	// controle IE of FF !	
	if (document.all){
 	document.images.slidepic.style.filter="blendTrans(duration=3)";
    document.images.slidepic.filters.blendTrans.Apply();     
	}
 
	document.images.slidepic.src = pics[pic];
 
	if (document.all){
	document.images.slidepic.filters.blendTrans.Play(); 
	}	
 
	document.getElementById("onderschrift").value= uitleg[pic]
 
    timer = tussentijd; 
    teller(); 
}
 
function teller() 
{ 
if (timeraan == true) {
		if(timer == 0) 
		{ 
			verander_pic(1); 
		} 
		else 
		{ 
			timer = timer - 1000; 
			setTimeout("teller()", 1000); 
		} 
}
} 
 
//-->
 
/* 
===============================================================
nu komt de html, hier aan mag je alles veranderen, 
hier kan je ook de layout en kleuren van de slideshow aanpassen  
===============================================================
*/
</script>