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});var prev_button=this.up('.scroll-container').down('.prev');if(prev_button)if(this.currentElementIndex>0){prev_button.removeClassName('disable')}else prev_button.addClassName('disable');var next_button=this.up('.scroll-container').down('.next');if(next_button)if(this.currentElementIndex<containerdiv.select('.scroll-content').length-1){next_button.removeClassName('disable')}else next_button.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(4)};scrollArea.play.bind(scrollArea).delay(4);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))})})