var noobSlide = new Class({initialize: function(params){this.items = params.items;this.mode = 'vertical';this.modes = {vertical:['top','height']};this.size = params.size || 240;this.box = params.box.setStyle('height' ,(this.size*this.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.walk((params.startItem||0),true,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]);}},previous: function(manual){this.walk((this.currentIndex>0 ? this.currentIndex-1 : this.items.length-1),manual);},next: function(manual){if (!manual){if (this.currentIndex<this.items.length-1)this.fx =  new Fx.Tween(this.box,$extend(({duration:0,wait:false}),{property:'top'}));else this.fx =  new Fx.Tween(this.box,$extend(({duration:0,wait:false}),{property:'top'}));}this.walk((this.currentIndex<this.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){if(!noFx) new Fx.Tween(this.box, {property: 'opacity',duration: 1000}).start(0.2,1);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();this.fx =  new Fx.Tween(this.box,$extend(({duration:0,wait:false}),{property:'top'}));}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));}}}});