
var QballCarroussel = new Class({
	Implements: [Options],
	options: {
		numitemsToShow: 6,
		elNext: '.arrow_right',
		elPrev: '.arrow_left'				
	},
	initialize: function(options){
		
		this.setOptions(options);
		
		//console.log(this.options);
		
		el = $(options.wrapper);
		
		var myFx = new Fx.Scroll(el);
		var ItemsToShow = this.options.numitemsToShow;
		var items = el.getElements('div.news_item');
		var numItems = items.length;
		var currentItem = 0;
		
		$$(this.options.elNext).addEvent('click', function(e){
			e.stop();
			if ((currentItem + ItemsToShow) > (numItems - ItemsToShow)){ //naar de maximale positie toe
				console.log('to de max');
				var pos = numItems - ItemsToShow;
				currentItem = numItems - ItemsToShow;
			}
			else {
				var pos = currentItem += ItemsToShow;
			}
			myFx.toElement(items[pos]);
			Cookie.write('currentItem_'+options.wrapper, currentItem);
		});				
		$$(this.options.elPrev).addEvent('click', function(e){
			e.stop();
			if ((currentItem - ItemsToShow) < 0){ //naar de minimale positie toe
				var pos = 0;
				currentItem = 0;
			}
			else {
				var pos = currentItem -= ItemsToShow;
			}
			myFx.toElement(items[pos]);
			Cookie.write('currentItem_'+options.wrapper, currentItem);
		});
		
		if(items[0].getPosition().x < el.getOffsetParent().getPosition().x){
			currentItem = Cookie.read('currentItem_'+options.wrapper).toInt();
			if(!currentItem) currentItem = 0;
		}
    }
});


