var RokSlide=new Class({version:'1.9',options:{active:'',fx:{wait:false,duration:350},scrollFX:{wait:false,transition:Fx.Transitions.Sine.easeInOut},dimensions:{width:722,height:200},dynamic:false,tabsPosition:'top',arrows:true},initialize:function(contents,options){this.setOptions(options);this.content=$(contents);this.sections=this.content.getElements('.tab-pane');if(!this.sections.length)return;this.filmstrip=new Element('div').injectAfter(this.content);this.buildToolbar();this.buildFrame();if(window.ie)this.fixIE();this.scroller=$('scroller');this.startposition=$(this.sections[0].id.replace('-tab','-pane')).getPosition().x;this.scroller.scrollFX=new Fx.Scroll(this.scroller,this.options.scrollFX);if(this.options.active)this.scrollSection(this.options.active.test(/-tab|-pane/)?this.options.active:this.options.active+'-tab');else this.scrollSection(this.sectionptr[0]);if(this.options.tabsPosition=='bottom'){this.filmstrip.getElement('hr').inject(this.filmstrip);var ul=this.filmstrip.getElement('ul');ul.inject(this.filmstrip);var tab_height=ul.getSize().size.y,frame=$('frame');frame.setStyle('height',frame.getStyle('height').toInt()-tab_height)}},buildToolbar:function(){var lis=[];var that=this;this.sectionptr=[];var h1,title;if(!!this.options.dynamic)this.width=$(this.options.dynamic).getCoordinates().width;else this.width=this.options.dimensions.width;var width=this.width;this.sections.each(function(el){el.setStyles({width:width-((!!this.options.dynamic)?0:(!this.options.arrows)?0:142),height:this.options.dimensions.height});this.sectionptr.push(el.id.replace('-pane','-tab'));h1=el.getElement('.tab-title');title=h1.innerHTML;h1.empty().remove();lis.push(new Element('li',{id:el.id.replace('-pane','-tab'),events:{'click':function(){this.addClass('active');that.scrollSection(this)},'mouseover':function(){this.addClass('hover');this.addClass('active')},'mouseout':function(){this.removeClass('hover');this.removeClass('active')}}}).setHTML(title))},this);var length=lis.length-1;lis[0].addClass('first');lis[length].addClass('last');this.filmstrip.adopt(new Element('ul',{id:'rokslide-toolbar',styles:{width:width}}).adopt(lis),new Element('hr'))},buildFrame:function(){var width=this.width;var that=this,events={'click':function(){that.scrollArrow(this)},'mouseover':function(){this.addClass('hover')},'mouseout':function(){this.removeClass('hover')}};var arrows={'left':(this.options.arrows)?new Element('div',{'class':'button','id':'left','events':events}):'','right':(this.options.arrows)?new Element('div',{'class':'button','id':'right','events':events}):''};this.filmstrip.adopt(new Element('div',{id:'frame',styles:{width:width,height:this.options.dimensions.height}}).adopt(arrows.left,new Element('div',{id:'scroller',styles:{width:width-((!!this.options.dynamic)?0:(!this.options.arrows)?0:102),height:this.options.dimensions.height}}).adopt(this.content.setStyle('width',this.sections.length*1600)),arrows.right))},fixIE:function(){this.filmstrip.getElement('hr').setStyle('display','none')},scrollSection:function(element){element=$($(element||this.sections[0]).id.replace('-pane','-tab'));this.startposition=$(this.sections[0].id.replace('-tab','-pane')).getPosition().x;var oldactive=element.getParent().getElement('.current');if(oldactive)oldactive.removeClass('current');element.addClass('current');var offset=$(element.id.replace('-tab','-pane')).getPosition().x-this.startposition;this.scroller.scrollFX.scrollTo(offset,false)},scrollArrow:function(element){var direction=Math.pow(-1,['left','right'].indexOf(element.id)+1);var current=this.sectionptr.indexOf(this.filmstrip.getElement('.current').id);var to=current+direction;this.scrollSection(this.sectionptr[to<0?this.sectionptr.length-1:to%this.sectionptr.length])}});RokSlide.implement(new Options);