var imagesArray = new Array();
var gap = 9;
var shift = 2;
var xpointer = 309;	// div begint bij -300
var lefts = new Array();

function startSlideShow(imageList) {
	var introbar = document.getElementById("introbarbinnen");
	for (teller = 0;teller < imageList.length;teller++) imagesArray[teller] = imageList[teller];//"<img src='" + imageList[teller].src + "' id='img" + teller + "' style='left:" + xpointer + "px;' />";

	for (teller = 0;teller < imageList.length;teller++) {
		lefts[teller] = xpointer;
		introbar.innerHTML += displayImage(imagesArray[teller], teller, xpointer);
		xpointer += imageList[teller].width + gap;
	}
	var milliseconds = 30;
	resizeTimeout = setInterval("shiftAll()",milliseconds);
}

function shiftAll() {
	for (teller = 0;teller < imageList.length;teller++) lefts[teller] -= shift;

	if (lefts[0] + imageList[0].width < 300) {
		var first = imagesArray[0];
		var left0 = lefts[teller];
		for (teller = 0;teller < imageList.length-1;teller++) {
			imagesArray[teller] = imagesArray[teller+1];
			lefts[teller] = lefts[teller+1];
		}
		imagesArray[teller] = first;
		lefts[teller] = lefts[teller-1] + gap + imagesArray[teller-1].width
	}

	var totaal = "";
	for (teller = 0;teller < imageList.length;teller++) totaal += displayImage(imagesArray[teller],teller, lefts[teller]);
	document.getElementById("introbarbinnen").innerHTML = totaal;
}

function displayImage(image, teller, xpointer) {
	return "<img src='" + image.src + "' id='img" + teller + "' style='left:" + xpointer + "px;' />"
}

function shiftLeft(position, shift) {
	// get number, substract 'shift' (return number)
	var left = position.length;
	return newposition;
}








































/*


function shiftAll() {
	for (teller = 0;teller < imageList.length;teller++) {
		lefts[teller] -= shift;
		imagesArray[teller] = "<img src='" + imageList[teller].src + "' id='img" + teller + "' style='left:" + lefts[teller] + "px;' />";
	}

	if (lefts[0] + imageList[0].width < 0) {
		var first = "<img src='" + imageList[0].src + "' id='img" + teller + "' style='left:" + lefts[0] + "px;' />";//imagesArray[0];
		var left0 = lefts[teller];
		for (teller = 0;teller < imageList.length-1;teller++) {
			imagesArray[teller] = imagesArray[teller+1];
			lefts[teller] = lefts[teller+1];
		}
		imagesArray[teller] = first;
	}

	var totaal = "";
	for (teller = 0;teller < imageList.length;teller++) totaal += imagesArray[teller];
	document.getElementById("introbarbinnen").innerHTML = totaal;
}
var imagesArray = new Array();
var gap = 9;
var shift = 5;
var xpointer = 309;	// div begint bij -300
var lefts = new Array();

function startSlideShow(imageList) {
	var introbar = document.getElementById("introbarbinnen");
	for (teller = 0;teller < imageList.length;teller++) {
		lefts[teller] = xpointer;
		imagesArray[teller] = "<img src='" + imageList[teller].src + "' id='img" + teller + "' style='left:" + xpointer + "px;' />";
		//if (teller > 0) xpointer += ;
		xpointer += imageList[teller].width + gap;
	}
	for (teller = 0;teller < imageList.length;teller++) introbar.innerHTML += imagesArray[teller];
	var milliseconds = 50;
	resizeTimeout = setInterval("shiftAll()",milliseconds);
}

function shiftAll() {
	for (teller = 0;teller < imageList.length;teller++) {
		lefts[teller] -= shift;
		imagesArray[teller] = "<img src='" + imageList[teller].src + "' id='img" + teller + "' style='left:" + lefts[teller] + "px;' />";
	}

	if (lefts[0] + imageList[0].width < 0) {
		var first = "<img src='" + imageList[0].src + "' id='img" + teller + "' style='left:" + lefts[0] + "px;' />";//imagesArray[0];
		var left0 = lefts[teller];
		for (teller = 0;teller < imageList.length-1;teller++) {
			imagesArray[teller] = imagesArray[teller+1];
			lefts[teller] = lefts[teller+1];
		}
		imagesArray[teller] = first;
	}

	var totaal = "";
	for (teller = 0;teller < imageList.length;teller++) totaal += imagesArray[teller];
	document.getElementById("introbarbinnen").innerHTML = totaal;





/*

	var totaal = "";
	for (teller = 0;teller < imageList.length-1;teller++) totaal += imagesArray[teller];
	introbar.innerHTML = totaal;
	* /
}

function shiftLeft(position, shift) {
	// get number, substract 'shift' (return number)
	var left = position.length;
	return newposition;
}





function startSlideShow(imageList) {
	var introbar = document.getElementById("introbarbinnen");
	//var introbar2 = document.getElementById("introbarbinnen");
	for (teller = 0;teller < imageList.length;teller++) {
		imagesArray[teller] = "<img src='" + imageList[teller].src + "' id='img" + teller + "' />";
		//introbar.innerHTML += "<img src='" + imageList[teller].src + "' id='img" + teller + "' />";
		//introbar2.innerHTML += "<img src='" + imageList[teller].src + "' id='img" + "' />";
	}
	for (teller = 0;teller < imageList.length;teller++) introbar.innerHTML += imagesArray[teller];
	var milliseconds = 500;
	resizeTimeout = setInterval("shiftAll()",milliseconds);
}

function shiftAll() {
	var first = imagesArray[0];
	for (teller = 0;teller < imageList.length-1;teller++) imagesArray[teller] = imagesArray[teller+1];
	imagesArray[teller] = first;

	var totaal = "";
	for (teller = 0;teller < imageList.length-1;teller++) totaal += imagesArray[teller];
	introbar.innerHTML = totaal;
}
*/