var Slider=Class.create({activeIndex:0,items:[],numOfItems:0,container:null,rotate:true,moving:false,initialize:function(container,rotate){this.container=container;this.rotate=rotate;this.items=this.container.childElements();this.numOfItems=this.items.length;this.container.style.width=(this.numOfItems*230)+'px';this.addObservers()},addObservers:function(){var prev=$('selector-left');if(prev)prev.observe('click',function(event){Event.stop(event);this.previous()}.bind(this));var next=$('selector-right');if(next)next.observe('click',function(event){Event.stop(event);this.next()}.bind(this))},previous:function(){this.gotoIndex(this.activeIndex-1)},next:function(){this.gotoIndex(this.activeIndex+1)},gotoIndex:function(index){if(this.moving)return;if((index<0||index>=this.numOfItems)&&!this.rotate)return;if(index<0){index=this.numOfItems-1}else if(index>=this.numOfItems)index=0;this.activeIndex=index;var x=(index*230)*-1,moveEffect=new Effect.Move(this.container,{x:x,y:0,mode:'absolute',beforeStart:function(){this.moving=true}.bind(this),afterFinish:function(){this.moving=false}.bind(this)})}});document.observe("dom:loaded",function(event){if($('product-container'))var slider=new Slider($('product-container'),true)})
