iSlider=Class.create({container:null,wrapper:null,elements:null,index:0,elementWidth:586,initialize:function(container,options){this.container=container;this.wrapper=this.container.down('.slider-content');this.elements=this.wrapper.childElements();if(this.elements.size()>1){var first=this.elements[0].cloneNode(true),last=this.elements[this.elements.size()-1].cloneNode(true);this.elementWidth=this.elements[0].getWidth();this.wrapper.insert({top:last});this.wrapper.insert({bottom:first});this.wrapper.setStyle({left:(-1*this.elementWidth)+'px',width:((this.elements.size()+2)*this.elementWidth)+'px'})};this.addObservers()},addObservers:function(){if(this.elements.size()>1){this.container.select('li.volgende a').each(function(a){a.observe('click',this.next.bind(this))}.bind(this));this.container.select('li.vorige a').each(function(a){a.observe('click',this.previous.bind(this))}.bind(this))}},next:function(event){if(event)event.stop();this.gotoIndex(this.index+1)},previous:function(event){if(event)event.stop();this.gotoIndex(this.index-1)},gotoIndex:function(index){new Effect.Move(this.wrapper,{x:(index<this.index?this.elementWidth:-1*this.elementWidth),y:0,mode:'relative',transition:Effect.Transitions.linear,afterFinish:function(){if(index<0){this.index=this.elements.size()-1;this.wrapper.setStyle({left:(-1*(this.index+1)*this.elementWidth)+'px'})}else if(index>=this.elements.size()){this.index=0;this.wrapper.setStyle({left:(-1*this.elementWidth)+'px'})}else this.index=index}.bind(this)})}})