var myScroll;function scrollToPort(){myScroll.toElement('webdesign');outerSlidesBox=$('panes');$('panes').tween('height',$('webdesign').getStyle('height'));return false;}
var SlidingTabs=new Class({current:null,buttons:null,contentFrame:null,slideContainer:null,innerSlidesBox:null,panes:null,positions:null,scrollingFx:null,start:null,initialize:function(buttonContainer,contentFrame,start){this.buttons=$(buttonContainer).getChildren();this.contentFrame=$(contentFrame);this.slideContainer=this.contentFrame.getFirst();this.panes=this.slideContainer.getChildren();this.start=$(start);this.scrollingFx=new Fx.Scroll(this.contentFrame,{duration:400});this.slideContainer.setStyle('width',(this.contentFrame.offsetWidth.toInt()*this.panes.length)+'px');this.buttons.each(function(button){button.addEvent('click',this.buttonEventHandler.bindWithEvent(this,button));}.bind(this));this.positions=new Array(this.panes.length);if(this.start!=null){this.start.setStyle('display','block');}
this.contentFrame.setStyle('height',this.contentFrame.offsetHeight);var i=0;this.panes.each(function(pane){pane.setStyle('display','block');this.positions[i]=pane.getPosition(this.slideContainer);i++;}.bind(this));if(this.start!=null){this.contentFrame.scrollTo(this.start.getPosition(this.slideContainer).x,this.start.getPosition(this.slideContainer).y);}},buttonEventHandler:function(event,button){if(this.current==this.buttons.indexOf($(button))){return;}else{this.current=this.buttons.indexOf($(button));this.scrollingFx.cancel();this.scrollingFx.start(this.positions[this.buttons.indexOf($(button))].x,this.positions[this.buttons.indexOf($(button))].y);this.contentFrame.tween('height',this.panes[this.current].offsetHeight);}}});