Author
	luistar15, leo020588 [at] gmail.com
License
	MIT License
 
Class
	noobSlide (rev.19-06-08)

Arguments
	Parameters - see Parameters below

Parameters
	box dom element  required
	items dom collection  required
	size int  item size (px)  default 240
	mode string  'horizontal', 'vertical'  default 'horizontal'
	addButtons{
		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.Tween options  default {duration500,waitfalse}
	interval int  for periodical  default 5000
	autoPlay boolean  default false
	onWalk event  pass arguments currentItem, currentHandle  default null
	startItem int  default 0

Properties
	box dom element
	items dom collection
	size int
	mode string
	buttons object
	button_event string
	handles dom collection
	handle_event string
	previousIndex int
	nextIndex int
	fx Fx.Tween instance
	interval int
	autoPlay boolean
	onWalk function
	
Methods
	previous(manual) walk to previous item
		manual bolean  defaultfalse
	next(manual) walk to next item
		manual bolean  defaultfalse
	play (interval,direction,wait) auto walk items
		interval int  required
		direction string  previous or next  required
		wait boolean  required
	stop() stop auto walk
	walk(item,manual,noFx) walk to item
		item int  required
		manual bolean  defaultfalse
		noFx boolean  defaultfalse
	addHandleButtons(handles)
		handles dom collection  required
	addActionButtons(action,buttons)
		action string  previous, next, play, playback, stop  required
		buttons dom collection  required

Requires
	mootools 1.2 core

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.sizethis.items.length)+'px');
		this.button_event = params.button_event  'click';
		this.handle_event = params.handle_event  'click';
		this.onWalk = params.onWalk  null;
		this.currentIndex = null;
		this.previousIndex = null;
		this.nextIndex = null;
		this.interval = params.interval  5000;
		this.autoPlay = params.autoPlay  false;
		this._play = null;
		this.handles = params.handles  null;
		if(this.handles){
			this.addHandleButtons(this.handles);
		}
		this.buttons = {
			previous [],
			next [],
			play [],
			playback [],
			stop []
		};
		if(params.addButtons){
			for(var action in params.addButtons){
				this.addActionButtons(action, $type(params.addButtons[action])=='array'  params.addButtons[action]  [params.addButtons[action]]);
			}
		}
		this.fx = new Fx.Tween(this.box,$extend((params.fxOptions{duration500,waitfalse}),{propertythis.modes[this.mode][0]}));
		this.walk((params.startItem0),true,true);
	},

	addHandleButtons function(handles){
		for(var i=0;ihandles.length;i++){
			handles[i].addEvent(this.handle_event,this.walk.bind(this,[i,true]));
			handles[i].addEvent(this.handle_event,this.stop());
		}
	},

	addActionButtons function(action,buttons){
		for(var i=0; ibuttons.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]);
		}
	},

	previous function(manual){
		this.walk((this.currentIndex0  this.currentIndex-1  this.items.length-1),manual);
	},

	next function(manual){
		this.walk((this.currentIndexthis.items.length-1  this.currentIndex+1  0),manual);
	},

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

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

	walk function(item,manual,noFx){
		if(item!=this.currentIndex){
			this.currentIndex=item;
			this.previousIndex = this.currentIndex + (this.currentIndex0  -1  this.items.length-1);
			this.nextIndex = this.currentIndex + (this.currentIndexthis.items.length-1  1  1-this.items.length);
			if(manual){
				this.stop();
			}
			if(noFx){
				this.fx.cancel().set((this.size-this.currentIndex)+'px');
			}else{
				this.fx.start(this.size-this.currentIndex);
			}
			if(manual && this.autoPlay){
				this.play(this.interval,'next',true);
			}
			if(this.onWalk){
				this.onWalk((this.items[this.currentIndex]  null), (this.handles && this.handles[this.currentIndex]  this.handles[this.currentIndex]  null));
			}
		}
	}
	
});