/*	SLIDER

Hieronder staan alle parameters beschreven voor de slider:

parameter 1 = id van het slider frame
parameter 2 = aantal items
parameter 3 = breedte / hoogte per item
parameter 4 = id van de knop vorige
parameter 5 = id van de knop volgende
parameter 6 = items sliden per klik
parameter 7 = aantal items zichtbaar
parameter 8 = x of y as voor horizontaal of verticaal scrollen

*/	

var bSlide	  = true;
var sHuidig	  = 1;

var clsSlider = function(frame, items, width, prev, next, slide, views, as, time) {
	
	this.initialiseer = function() {
		width = parseInt(width);
		items = parseInt(items);
		slide = parseInt(slide);
		views = parseInt(views);
		if(items == 1) {
			$('prev').hide();
			$('next').hide();
		}
		time  = time;
		x_yas = as;
		$(frame).style.width = ((width * items) + 5) + 'px';
		this.size = (x_yas == 'y' ? parseInt(($(frame).style.top != '' ? $(frame).style.top : 0)) : parseInt(($(frame).style.left != '' ? $(frame).style.left : 0)));
		this.mngButton(1000);
	}
	
	this.mngButton = function(timeout) {
		preLoad(sHuidig);
		setTimeout(function() {
			this.size = (x_yas == 'y' ? parseInt(($(frame).style.top != '' ? $(frame).style.top : 0)) : parseInt(($(frame).style.left != '' ? $(frame).style.left : 0)));;
			this.size += (items <= views ? 0 : (items * width));
			bSlide = true;
		}, timeout);
	}
	
	this.move = function(direction) {
		if(direction == 'next') {
			position = -(width * slide);
		} else if(direction == 'prev') {
			position = (width * slide);
		}
		if(bSlide) {
			new Effect.MoveBy(frame, 
			(x_yas == 'y' ? position : 0), 
			(x_yas == 'x' ? position : 0), { 
				duration: (slide * time), 
				beforeStart: function() { 
					bSlide = false ;
					if(direction == 'next') {
						if(sHuidig == items-1) { 
							sHuidig++;
							$(next).hide();
						} else {
							sHuidig++;
							$(next).show();
						}
					} else if(direction == 'prev') {
						if(sHuidig == 2) { 
							sHuidig--;
							$(prev).hide();
						} else {
							$(prev).show();
							sHuidig--;
						}
					}
				},
				afterFinish: function() {
					if(sHuidig == items) {
						$(next).hide();
					} else if(sHuidig == 1) {
						$(prev).hide();
					} else {
						$(next).show();
						$(prev).show();
					}
				}
			});
			this.mngButton(slide * (time * 1000));
		}
	}
}

function preLoad(nHuidig) {

	if(nHuidig == 1) {
		sNext1 = new Image(); 
		sNext1.src = aAfbeeldingen[nHuidig+1]; 
		sNext2 = new Image(); 
		sNext2.src = aAfbeeldingen[nHuidig+2]; 
		$('afbeelding_'+(nHuidig+1)).src = sNext1.src;
		$('afbeelding_'+(nHuidig+2)).src = sNext2.src;
	}
	if(nHuidig > 1) {
		if(nHuidig == 2) {
			sPrev1 = new Image(); 
			sPrev1.src = aAfbeeldingen[nHuidig-1]; 
			sNext2 = new Image(); 
			sNext2.src = aAfbeeldingen[nHuidig+2]; 
			$('afbeelding_'+(nHuidig+2)).src = sNext2.src;
			$('afbeelding_'+(nHuidig-1)).src = sPrev1.src;
		} else if(nHuidig > 2 && nHuidig < aAfbeeldingen.length-1) {
			sNext1 = new Image(); 
			sNext1.src = aAfbeeldingen[nHuidig+1]; 
			$('afbeelding_'+(nHuidig+1)).src = sNext1.src;
		}
		
	}

}