window.addEvent('domready', function() {
	
var arrowleft = document.id('arrowleft');
var arrowright = document.id('arrowright');
var imgIndex = 0;

var slide = new Scrollslider("slidecontainer",{transition:Fx.Transitions.Back.easeOut});
var itemlength = (slide.getItemLength()-1);


var showArrows = function () {
	//console.log(imgIndex);
	if (imgIndex == 0 || imgIndex < 0) { arrowleft.setStyle('visibility','hidden'); 
	} else { arrowleft.setStyle('visibility','visible'); }

	if (imgIndex >  itemlength || imgIndex == itemlength) { arrowright.setStyle('visibility','hidden'); 
	} else { arrowright.setStyle('visibility','visible'); }
}

showArrows();

if (arrowright)
arrowright.addEvent('click', function(e){
	e.stop(); e.preventDefault();
	imgIndex += 1;
	if (imgIndex <= itemlength) {
		slide.scrollNext(imgIndex);
		//console.log("next");
	} else { 
		imgIndex = itemlength; 
		//console.log("geen next");
	}
	showArrows();
});
if (arrowleft)
arrowleft.addEvent('click', function(e){
	e.stop(); e.preventDefault();
	imgIndex -= 1;
	if (imgIndex == 0 || imgIndex > 0) {
		slide.scrollPrevious(imgIndex); 
		//console.log("prev");
	} else {
		imgIndex = 0; 
		//console.log("geen prev");
	}
	showArrows();
});

});