// Place all images in array
var occasionImages = new Array();
occasionImages[0] = new Array(); // Thumbnails
occasionImages[1] = new Array(); // Medium images
occasionImages[2] = new Array(); // Large images
var zoomImage = 0;
var blankImage = 'http://ruudtiems.nl/files/afbeeldingen/algemeen/blank.gif'

function startImages() {
	// for array loop
	for(i=0;i<10;i++) {
		occasionImages[0][i]=document.getElementById('occasionImage'+(i+1)+'Small').value;
		occasionImages[1][i]=document.getElementById('occasionImage'+(i+1)+'Medium').value;
		occasionImages[2][i]=document.getElementById('occasionImage'+(i+1)+'Large').value;
	}
	// Fill all thumbnails with array loop
	for (i=0;i<10;i++) {
		currObj = document.getElementById('occasionImage'+(i+1));
		if(occasionImages[0][i]=='') {
			currObj.style.visibility='hidden';
		} else {
			currObj.src = occasionImages[0][i];
		}
	}
	// Set first image
	setImage(1);
}
// Function to set an image
function setImage(occasionCurrentImage) {
	zoomReset();
	occasionCurrentImage--;
	if(occasionImages[1][occasionCurrentImage]=='') {
		setStatus('Afbeelding '+(occasionCurrentImage+1)+' is niet groter beschikbaar');
	} else {
		setStatus('Bezig met laden...');
		// Set blank image
		document.getElementById('occasionImage').src=blankImage;
		// Set background (medium) image
		document.getElementById('occasionImage').style.background='url('+occasionImages[1][occasionCurrentImage]+') no-repeat center top';
		// Set large image in front of background
		zoomImage = occasionCurrentImage;
		setTimeout("setStatus('')",2000);
	}
}