//bepaal breedte van het scrollvlak
var scrollerwidth='170px'
//bepaal hoogte van het scrollvlak
var scrollerheight='1100px'
//bepaal eventueel de achtergrondkleur
var scrollerbgcolor=''
//stel de pauze tussen de scroll in
var pausebetweenimages=5000

//stop de images in een array en subarrays
var slideimages=new Array()
slideimages[0]='slide1'
slideimages[1]='slide2'
slideimages[2]='slide3'
slideimages[3]='slide4'
slideimages[4]='slide5'

//Variabelen benoemen. Waarom k=2 moet zijn begrijp ik niet. Bij waarde 0 gaat het niet goed
var k=2, tdiv, tdiv2, scrollerdiv1, scrollerdiv2,ie=document.all,dom=document.getElementById;

function move3(whichdiv)
	{
	tdiv=eval(whichdiv)
	/*parseInt haalt naast tekst ook cijfers achter de punt weg van een getal
	style.left geeft de waarde van de positie vanaf links.*/
	if (parseInt(tdiv.style.left) > 0 && parseInt(tdiv.style.left) <= 5)
		{
		tdiv.style.left=0+"px"
		/*De functie setTimeout() kent 2 parameters. De eerste is de functie of variabele die door de
		tweede, na de opgegeven tijdseenheid in millisecondes (5000 = 5 seconden) wordt uitgevoerd.
		In dit geval d.m.v. een variabele met een waarde die op meerdere plaatsen wordt gebruikt*/
		setTimeout("move3(tdiv)",pausebetweenimages)
		setTimeout("move4(scrollerdiv2)",pausebetweenimages)
		return
		}
	//offsetWidth geeft de breedte van het element. De eigenschap kan alleen worden gelezen
	if (parseInt(tdiv.style.left) >= tdiv.offsetWidth*-1)
		{
		tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
		setTimeout("move3(tdiv)",50)
		}
	else
		{
		tdiv.style.left=scrollerwidth
		tdiv.innerHTML=document.getElementById(slideimages[k]).innerHTML
		if (k==slideimages.length-1)
			k=0
		else
			k++
		}
	}

function move4(whichdiv)
	{
	tdiv2=eval(whichdiv)
	if (parseInt(tdiv2.style.left) > 0 && parseInt(tdiv2.style.left) <= 5)
		{
		tdiv2.style.left=0+"px"
		setTimeout("move4(tdiv2)",pausebetweenimages)
		setTimeout("move3(scrollerdiv1)",pausebetweenimages)
		return
		}
	if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1)
		{
		tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
		setTimeout("move4(scrollerdiv2)",50)
		}
	else
		{
		tdiv2.style.left=scrollerwidth
		tdiv2.innerHTML=document.getElementById(slideimages[k]).innerHTML
		//variabele k terug op 0 zetten als hoogste waarde is bereikt
		if (k==slideimages.length-1)
			k=0
		else
			k++
		}
	}

function startscroll()
	{
	//browser bepalen
	if (ie || dom)
		{
		document.getElementById(slideimages[0]).style.display = 'none';
		tdiv = document.getElementById('sliderfirst');
		tdiv.innerHTML=document.getElementById(slideimages[0]).innerHTML
		tdiv = document.getElementById('slidersecond');
		tdiv.innerHTML=document.getElementById(slideimages[1]).innerHTML
		scrollerdiv1=ie? sliderfirst : document.getElementById("sliderfirst")
		scrollerdiv2=ie? slidersecond : document.getElementById("slidersecond")
		move3(scrollerdiv1)
		scrollerdiv2.style.left=scrollerwidth
		}
	}