document.observe("dom:loaded",function(event){$$('.scroll-container').each(function(containerdiv){scrollArea=containerdiv.down('.scrollarea');scrollArea.animationStopped=false;scrollArea.setStyle({width:'6000px',marginLeft:containerdiv.down('.scroll-content').getWidth()+'px'});scrollArea.goToElement=function(index){this.currentElementIndex=index;var ml=0;for(var i=0;i<index;i++)ml+=containerdiv.select('.scroll-content')[i].getWidth()+parseInt(containerdiv.select('.scroll-content')[i].getStyle('margin-right'));new Effect.Morph(this,{style:'margin-left:-'+ml+'px;',duration:1});if(this.currentElementIndex>0){this.up('.scroll-container').down('.prev').removeClassName('disable')}else this.up('.scroll-container').down('.prev').addClassName('disable');if(this.currentElementIndex<containerdiv.select('.scroll-content').length-1){this.up('.scroll-container').down('.next').removeClassName('disable')}else this.up('.scroll-container').down('.next').addClassName('disable')};scrollArea.goToPrevious=function(){if(this.currentElementIndex>0){return this.goToElement(this.currentElementIndex-1)}else return this.goToElement(containerdiv.select('.scroll-content').length-1)};scrollArea.goToNext=function(){if(this.currentElementIndex<containerdiv.select('.scroll-content').length-1){return this.goToElement(this.currentElementIndex+1)}else return this.goToElement(0)};scrollArea.goToElement(0);scrollArea.play=function(){if(this.animationStopped)return;this.goToNext();this.play.bind(this).delay(10)};scrollArea.play.bind(scrollArea).delay(10);containerdiv.down('.prev-container').observe('click',function(event){event.stop();this.animationStopped=true;this.goToPrevious()}.bind(scrollArea));containerdiv.down('.next-container').observe('click',function(event){event.stop();this.animationStopped=true;this.goToNext()}.bind(scrollArea))})})