var toonWachtBericht=false;	// toon een wachtboodschap terwijl de beelden ingeladen worden (anders: false)
	var huidigBeeld = false;
	var beeldplaatsing_links = false;
	var voorstelling_breedte = false;
	var voorstelling_object = false;
	var maximale_x_positie = false;
	var schuifsnelheid = 0;
	var commentaar = new Array();
	
	function start_schuiven(e)
	{
		if(document.all)e = event;
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = '../images/' + this.id + '.gif'; // hier pad naar de pijltjes aangeven
		if(this.id=='pijl_rechts'){ /* deze id naam moet dezelfde zijn als de naam van de pijl naar rechts! */
			versnellen = Math.floor((e.clientX - this.offsetLeft) / 5);
			schuifsnelheid = -1*versnellen;
			schuifsnelheid = Math.max(-10,schuifsnelheid);
		} else {
			versnellen = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			schuifsnelheid = 1*versnellen;
			schuifsnelheid = Math.min(10,schuifsnelheid);
			if(schuifsnelheid<0)schuifsnelheid=10;
		}
	}

	function stop_schuiven()
	{
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = '../images/' + this.id + '.gif'; // hier pad naar de pijltjes aangeven
		schuifsnelheid=0;
	}

	function schuiven()
	{
		if(schuifsnelheid!=0){
			var leftPos = voorstelling_object.offsetLeft;
			leftPos = leftPos/1 + schuifsnelheid;
			if(leftPos>maximale_x_positie){
				leftPos = maximale_x_positie;
				schuifsnelheid = 0;
			}
			if(leftPos<minimale_x_positie){
				leftPos = minimale_x_positie;
				schuifsnelheid=0;
			}
			voorstelling_object.style.left = leftPos + 'px';
		}
		setTimeout('schuiven()',20);
	}

	function toon_beeld()
	{
		if(huidigBeeld){
			huidigBeeld.style.filter = 'alpha(opacity=50)';
			huidigBeeld.style.opacity = 0.5;
		}
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
		huidigBeeld = this;
	}

	function start_voorstelling()
	{ /* deze id namen moeten dezelfde zijn als de naam van de corresponderende pijl */
		document.getElementById('pijl_links').onmousemove = start_schuiven;
		document.getElementById('pijl_links').onmouseout = stop_schuiven;
		document.getElementById('pijl_rechts').onmousemove = start_schuiven;
		document.getElementById('pijl_rechts').onmouseout = stop_schuiven;

		voorstelling_object = document.getElementById('thumbnails');
		beeldplaatsing_links = voorstelling_object.offsetLeft;
		var schuifbeeldcontainer = document.getElementById('schuifbeeldcontainer');
		voorstelling_breedte = schuifbeeldcontainer.offsetWidth - 80;
		maximale_x_positie = voorstelling_object.offsetLeft;
		minimale_x_positie = voorstelling_breedte - document.getElementById('Einde').offsetLeft;

		if (navigator.userAgent.indexOf('MSIE') >= 0) {
			/* deze id naam moet dezelfde zijn als de naam van de pijl naar links! */
			var arrowWidth = document.getElementById('pijl_links').offsetWidth;
			var el = document.createElement('div');
			el.style.position = 'absolute';
			el.style.left = arrowWidth + 'px';
			el.style.width = (schuifbeeldcontainer.offsetWidth - arrowWidth * 2) + 'px';
			el.style.overflow = 'hidden';
			el.style.height = '100%';

			document.getElementById('schuifbeeldcontainer').appendChild(el);
			el.appendChild(document.getElementById('thumbnails'));
		}
		var fotos = voorstelling_object.getElementsByTagName('IMG');
		for(var nr=0;nr<fotos.length;nr++){
			fotos[nr].onmouseover = toon_beeld;
		}

		var divs = voorstelling_object.getElementsByTagName('DIV');
		for(var nr=0;nr<divs.length;nr++){
			if(divs[nr].className=='Onderschrift')commentaar[commentaar.length] = divs[nr].innerHTML;
		}
		schuiven();
	}

	function ToonBeeld(beeldPad,beeldIndex){
		var subImages = document.getElementById('voorstelling').getElementsByTagName('IMG');
		if(subImages.length==0){
			var img = document.createElement('IMG');
			document.getElementById('voorstelling').appendChild(img);
		}else img = subImages[0];

		if(toonWachtBericht){
			document.getElementById('wachtbericht').style.display='inline';
		}
		document.getElementById('onderschrift').style.display='none';
		img.onload = function() { verbergWachtBericht_toonOnderschrift(beeldIndex-1); };
		img.src = beeldPad;

	}
	function verbergWachtBericht_toonOnderschrift(beeldIndex)
	{
		document.getElementById('wachtbericht').style.display='none';
		document.getElementById('onderschrift').innerHTML = commentaar[beeldIndex];
		document.getElementById('onderschrift').style.display='block';

	}
	window.onload = start_voorstelling;