/*
EDITED CODE. DO NOT USE THIS VERSION. DOWNLOAD LATEST VERSION!


Author:
	luistar15, <leo020588 [at] gmail.com>
License:
	MIT-style license.
 
Class
	noobSlide (rev.17-04-08)

Arguments:
	options - see Options below

Options:
	box: dom element | required
	items: dom collection | required
	size: int | item size (px) | default: 240
	mode: string | 'horizontal', 'vertical' | default: 'horizontal'
	interval: int | for peridical | default: 5000
	buttons:{
		previous: single dom element OR dom collection| default: null
		next:  single dom element OR dom collection | default: null
		play:  single dom element OR dom collection | default: null
		playback:  single dom element OR dom collection | default: null
		stop:  single dom element OR dom collection | default: null
	}
	button_event: string | event type | default: 'click'
	handles: dom collection | default: null
	handle_event: string | event type| default: 'click'
	fxOptions: object | Fx.Style options | default: {duration:500,wait:false}
	autoPlay: boolean | default: false
	onWalk: event | pass arguments: currentItem, currentHandle | default: null
	startItem: int

Properties:
	box: dom element
	items: dom collection
	size: int
	mode: string
	interval: int
	buttons: object
	button_event: string
	handles: dom collection
	handle_event: string
	previousIndex: int
	nextIndex: int
	fx: Fx.style instance
	autoPlay: boolean
	onWalk: function
	
Methods:
	previous(manual): walk to previous item
		manual: bolean | default:false
	next(manual): walk to next item
		manual: bolean | default:false
	play (delay,direction,wait): auto walk items
		delay: int | required
		direction: string | "previous" or "next" | required
		wait: boolean | required
	stop(): sopt auto walk
	walk(item,manual): walk to item
		item: int | required
		manual: bolean | default:false
	addHandleButtons(handles):
		handles: dom collection | required
	addActionButtons(action,buttons):
		action: string | "previous", "next", "play", "playback", "stop" | required
		buttons: dom collection | required
*/

var noobSlide = new Class({

	initialize: function(params){
		this.items = params.items;
		this.mode = params.mode || 'horizontal';
		this.modes = {
		  horizontal: ['left','width'],
		  vertical:['top','height']
		};
		this.size = params.size || 240;
		this.box = params.box.setStyle(this.modes[this.mode][1], (this.size*this.items.length)+'px');
		this.button_event = params.button_event || 'click';
		this.handle_event = params.handle_event || 'click';
		this.interval = params.interval || 5000;
		this.buttons = {
		  previous: [],
		  next: [],
		  play: [],
		  playback: [],
		  stop: []
		};

		if (params.buttons) {
			for (var action in params.buttons) {
				this.addActionButtons(action, $type(params.buttons[action]) == 'array' ? params.buttons[action] : [params.buttons[action]]);
			}
		}
		this.handles = params.handles || null;
		if (this.handles) {
			this.addHandleButtons(this.handles);
		}
    this.box.set('tween', params.fxOptions || {duration: 500, wait: false});

		this.onWalk = params.onWalk || null;
		this.currentIndex = params.startItem || 0;
		this.previousIndex = null;
		this.nextIndex = null;
		this.autoPlay = params.autoPlay || false;
		this._auto = null;
		this.offset = params.extraItemsInViewport || 0;
		this.box.setStyle(this.modes[this.mode][0], (-this.currentIndex * this.size)+'px');
		if (this.autoPlay) {
		  this.play(this.interval, 'next', true);
	  }
	},

	previous: function(manual) {
	  if (this.currentIndex > 0) {
	    //console.log('naar links');
	    this.currentIndex += -1;
	  } else {
	    //console.log('naar het einde');
	    this.currentIndex += this.items.length - 1 - this.offset;
	  }
		this.walk(null, manual);
	},

	next: function(manual) {
	  //console.log('next, start currentIndex: '+this.currentIndex);
	  //console.log('items.length: '+this.items.length);
	  if (this.currentIndex < this.items.length - 1 - this.offset) {
	    //console.log('naar rechts');
	    this.currentIndex += 1;
	  } else {
	    //console.log('naar het begin');
	    this.currentIndex += 1 - this.items.length + this.offset;
	  }
		this.walk(null, manual);
	},

	play: function(delay, direction, wait) {
		this.stop();
		if (!wait) {
			this[direction](false);
		}
		this._auto = this[direction].periodical(delay, this, false);
	},

	stop: function() {
		$clear(this._auto);
	},

	walk: function(item, manual) {
		if ($defined(item)) {
			if (item == this.currentIndex) return;
			this.currentIndex = item;
		}

		this.previousIndex = this.currentIndex + (this.currentIndex > 0 ? -1 : this.items.length-1);
		this.nextIndex = this.currentIndex + (this.currentIndex < this.items.length - 1 ? 1 : 1-this.items.length);

		if (manual) {
		  this.stop();
		}

    //trunk 1555 code
    this.box.tween(this.modes[this.mode][0], -this.currentIndex * this.size);
    //end trunk 1555 code

		//this.fx.start(-this.currentIndex * this.size);

		if (this.onWalk) {
		  this.onWalk(this.items[this.currentIndex], (this.handles?this.handles[this.currentIndex]:null));
		}
		if (manual && this.autoPlay) {
		  this.play(this.interval, 'next', true);
		}
	},
	
	addHandleButtons: function(handles) {
		for (var i=0; i<handles.length; i++) {
			handles[i].addEvent(this.handle_event, this.walk.bind(this, [i, true]));
		}
	},

	addActionButtons: function(action,buttons) {
		for (var i=0; i<buttons.length; i++){
			switch(action) {
				case 'previous':
				  buttons[i].addEvent(this.button_event, this.previous.bind(this, true));
				  break;
				case 'next':
				  buttons[i].addEvent(this.button_event, this.next.bind(this, true));
				  break;
				case 'play':
				  buttons[i].addEvent(this.button_event, this.play.bind(this, [this.interval, 'next', false]));
				  break;
				case 'playback':
				  buttons[i].addEvent(this.button_event, this.play.bind(this, [this.interval, 'previous', false]));
				  break;
				case 'stop':
				  buttons[i].addEvent(this.button_event, this.stop.bind(this));
				  break;
			}
			this.buttons[action].push(buttons[i]);
		}
	}
});