var container = new Array();
// er wordt een tellerobject aangemaakt met een offset waarde 0, want er is maar één container, 
// de verzameling waar doorheen moet worden gebrowsed is de Array 'banner', 
// de thumb die de afbeeldingen in de array moet weergeven heeft het id 'bannerimage'

container[0]=new tellerobj(0, banner, 'bannerimage');

var aantalcontainers=container.length;
var globalcounter=0;

function tellerobj(counter, collection, thumbid)
{
	this.counter=counter; // counter bepaalt welk beeld wordt opgehaald uit het bannerarray (array met de afbeeldingen die moeten worden weergegeven)
	this.bannerarray=collection; // naam van de bannerarray die de verzameling afbeeldingen bevat die moeten worden weergegeven op basis van de waarde van de counter
	this.aantalimages=collection.length; // lengte van het bannerarray
	this.id=thumbid; // id van de thumb die de afbeeldingen moet weergeven
		
	this.decreasecounter=function () {
		this.counter--;
		if (this.counter < 0) this.counter=this.aantalimages-1;
	}
	
	this.increasecounter=function() {
		this.counter++;
		if (this.counter > this.aantalimages-1) this.counter=0;
	}
	
	this.setcounter=function(counter) {
		this.counter=counter; 
	}
	
	// id van de thumb die de flckrthumb moet laten zien, nadat op de pijltjes is geklikt
	this.showThumb=function() {
	// check eerst of de teller niet hoger is dan het aantal elementen in de bannerarray, check daarna of het element bestaat er is wellicht een teller gedeclareerd voor een niet bestaande thumbnail...
		if (this.counter < this.aantalimages) {//alert(this.counter);
			if (document.getElementById(this.id))
				document.getElementById(this.id).src=this.bannerarray[this.counter];
			}
	}
}

function goLeft() {
	if (banner.length > 0) {
		for(i=0; i <= aantalcontainers-1; i++) {
			container[i].decreasecounter();
			teller=container[i].counter;
			container[i].showThumb();
		}
		plaatsTekst();	
		
		for (i=0; i <= banner.length -1; i++){
			var bId='b' + i;
			if (i == teller) { document.getElementById(bId).className='libannerhigh';}
			else {document.getElementById(bId).className='libanner';}
		}
	}
}

function goRight() {
	if (banner.length > 0) {
		for(i=0; i <= aantalcontainers-1; i++) {
			container[i].increasecounter();
			teller=container[i].counter;
			container[i].showThumb();
		}
		
		plaatsTekst();	
			
		for (i=0; i <= banner.length -1; i++){
			var bId='b' + i;
			if (i == teller) { document.getElementById(bId).className='libannerhigh';}
			else {document.getElementById(bId).className='libanner';}
		}
	}
}