/*
Author:
	luistar15, <leo020588 [at] gmail.com>
License:
	MIT-style license.
 
Class
	noobSlide
Arguments:
	options - see Options below
Options:
	box: dom element | required
	items: array | required
	mode: string | 'horizontal', 'vertical' | default: 'horizontal'
	interval: number | for peridical | default: 5000
	buttons:{
		previous: dom element | default: null
		next:  dom element | default: null
		play:  dom element | default: null
		playback:  dom element | default: null
		stop:  dom element | default: null
	}
	button_event: string | event type | default: 'click'
	handles: array: dom elements | 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
*/ 
var noobSlide = new Class({

	initialize: function(params){
		this.box = params.box;
		this.items = params.items;
		this.mode = params.mode || 'horizontal';
		this.modes = {horizontal:['left','offsetWidth'], vertical:['top','offsetHeight']};
		this.button_event = params.button_event || 'click';
		this.handle_event = params.handle_event || 'click';
		this.interval = params.interval || 5000;
		this.buttons = {previous: null, next: null, play: null, playback: null, stop: null};
		if(params.buttons){
			if(params.buttons.previous){ this.buttons.previous = params.buttons.previous.addEvent(this.button_event,this.previous.bind(this,true)); }
			if(params.buttons.next){ this.buttons.next = params.buttons.next.addEvent(this.button_event,this.next.bind(this,true)); }
			if(params.buttons.play){ this.buttons.play = params.buttons.play.addEvent(this.button_event,this.play.bind(this,[this.interval,'next'])); }
			if(params.buttons.playback){ this.buttons.playback = params.buttons.playback.addEvent(this.button_event,this.play.bind(this,[this.interval,'previous'])); }
			if(params.buttons.stop){ this.buttons.stop = params.buttons.stop.addEvent(this.button_event,this.stop.bind(this)); }
		}
		this.handles = params.handles || null;
		if(this.handles){
			for(var i=0;i<this.handles.length;i++){ this.handles[i].addEvent(this.handle_event,this.walk.bind(this,[i,true])); }
		}
		this.fx = new Fx.Style(this.box,this.modes[this.mode][0],params.fxOptions||{duration:500,wait:false});
		this.onWalk = params.onWalk || null;
		this.current = params.startItem || 0;
		this.size = (this.box[this.modes[this.mode][1]]/this.items.length).toInt();
		this.autoPlay = params.autoPlay || false;
		this._auto = null;
		this.box.setStyle(this.modes[this.mode][0],(-this.current*this.size)+'px');
		if(params.autoPlay) this.play(this.interval,'next');
	},

	previous: function(manual){
		this.current += this.current>0 ? -1 : this.items.length-1;
		this.walk(null,manual);
	},

	next: function(manual){
		this.current += this.current<this.items.length-1 ? 1 : 1-this.items.length;
		this.walk(null,manual);
	},

	play: function(delay,direction){
		this.stop();
		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.current) return false;
			this.current=item;
		}
		if(manual){ this.stop(); }
		this.fx.start(-this.current*this.size);
		if(this.onWalk){ this.onWalk(this.items[this.current],(this.handles?this.handles[this.current]:null)); }
		if(manual && this.autoPlay){ this.play(this.interval); }
	}
	
});