var __onloadStack = new Array();

window.onload = function() {
	for (var i=0; i < __onloadStack.length; i++) {
		__onloadStack[i]();
	}
}

var numShow 			= 11;
var thumbs;
var speed				= 20;
var firstNumber			= 0;

function initThumbnailbar() {
	thumbs = $$('#thumbnailBar img');
	//if(thumbs.length > numShow) {
		show();
	//}
}

function show() {
	var counter = 0;
	$$('#thumbnailBar img').each(function(item) {
		item.remove();	
	});
	if($('nextImage')) $('nextImage').remove();
	if($('prevImage')) $('prevImage').remove();
	
	if(firstNumber != 0 && thumbs.length > numShow) {
		var link = new Element('a');
		link.id = 'prevImage';
		link.onclick = function() { moveLeft();};
		var prev = new Element('img');
		prev.src = 'http://www.treschic.nl/img/prevImage.png';
		link.insert(prev);
		$('content').insert(link);
	}
	
	if(firstNumber != (thumbs.length-numShow-1) && thumbs.length > numShow) {
		var link = new Element('a');
		link.id = 'nextImage';
		link.onclick = function() { moveRight();};
		var next = new Element('img');
		next.src = 'http://www.treschic.nl/img/nextImage.png';
		link.insert(next);
		$('content').insert(link);
	}
	
	for(var i=firstNumber;i<thumbs.length;i++) {
		var image = thumbs[i];
		image.style.visibility = 'visible';
		$('thumbnailBar').insert(image);
		if(counter == numShow) break;
		counter++;
	}
}

function moveLeft(){
	if(firstNumber != 0) {
		firstNumber--;
		show();
	}
	
}
function moveRight(){
	if(firstNumber != (thumbs.length-numShow-1)) {
		firstNumber++;
		show();
	}
	
}