var RokSlide=new Class(
{
options:
{
	active:'',fx:
	{	
		wait:false,duration:470
	},
	scrollFX:
	{
		wait:false,transition:Fx.Transitions.Sine.easeInOut
	},
	dimensions:
	{
		width:400,height:200
	},
		dynamic:false,arrows:false
	},
initialize:function(a,b)
{
	this.setOptions(b);
	this.content=$(a);
	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])
},
buildToolbar:function()
	{
	var b=[];
	var c=this;
	this.sectionptr=[];
	var d,title;
	if(!!this.options.dynamic)this.width=$(this.options.dynamic).getCoordinates().width;
	else this.width=this.options.dimensions.width;
	var e=this.width;
	this.sections.each(function(a)
	{
		a.setStyles({
			width:e-((!!this.options.dynamic)?0:142),height:this.options.dimensions.height
		});
		this.sectionptr.push(a.id.replace('-pane','-tab'));
		d=a.getElement('.tab-title');
		title=d.innerHTML;
		d.empty().remove();
		b.push(new Element('li',
		{
			id:a.id.replace('-pane','-tab'),events:
			{
				'click':function()
				{
					this.addClass('active');
					c.scrollSection(this)
				},
				'mouseover':function()
				{
					this.addClass('hover');
					this.addClass('active')
				},
				'mouseout':function()
				{
					this.removeClass('hover');
					this.removeClass('active')
				}
			}
		}
		).setHTML(title))
	},this);
	var f=b.length-1;b[0].addClass('first');
	b[f].addClass('last');
	this.filmstrip.adopt(new Element('ul',
	{
		id:'rokslide-toolbar',styles:
		{
			width:e
		}
	}).adopt(b),new Element('hr'))
},
buildFrame:function()
{
	var a=this.width;
	var b=this,events=
	{
	'click':function()
	{
		b.scrollArrow(this)
	},
	'mouseover':function()
	{
		this.addClass('hover')
	},
	'mouseout':function()
	{
		this.removeClass('hover')
	}};
	var c={'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:a,height:this.options.dimensions.height
			}
			}
		).adopt(c.left,new Element('div',{
			id:'scroller',styles:{
			width:a-((!!this.options.dynamic)?0:102),height:this.options.dimensions.height
			}
		}).adopt(this.content.setStyle('width',this.sections.length*1600)),c.right))
		},
		fixIE:function()
		{
			this.filmstrip.getElement('hr').setStyle('display','none')},
			scrollSection:function(a){a=$($(a||this.sections[0]).id.replace('-pane','-tab'));
			var b=a.getParent().getElement('.current');
			if(b)b.removeClass('current');
			a.addClass('current');
			var c=$(a.id.replace('-tab','-pane')).getPosition().x-this.startposition;
			this.scroller.scrollFX.scrollTo(c,false)},scrollArrow:function(a){
			var b=Math.pow(-1,['left','right'].indexOf(a.id)+1);
			var c=this.sectionptr.indexOf(this.filmstrip.getElement('.current').id);
			var d=c+b;this.scrollSection(this.sectionptr[d<0?this.sectionptr.length-1:d%this.sectionptr.length])}});
			RokSlide.implement(new Options);