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._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); }
	}
	
});

// Script

window.addEvent('domready',function(){
		var hs2 = new noobSlide({
			box: $('box2'),
			items: [1,2,3,4,5,6],
			size: 168,
			fxOptions: {
				duration: 1000,
				transition: Fx.Transitions.linear,
				wait: false
			},
			autoPlay: true,
			buttons: {
				previous: $('prev1'),
				play: $('play1'),
				stop: $('stop1'),
				next: $('next1')
			}
		});
});