SlidingPanels=function(element)
{
SlidingPanels.loadQueue=[];
SlidingPanels.onloadDidFire=false;
SlidingPanels.processLoadQueue=function(handler)
    {SlidingPanels.onloadDidFire=true;
    var q=SlidingPanels.loadQueue;
    var qlen=q.length;for(var i=0;i<qlen;i++)
    q[i].attachBehaviors();};
    this.element=this.getElement(element);
    this.enableAnimation=true;this.currentPanel=null;
    this.enableKeyboardNavigation=true;
    this.hasFocus=false;
    this.currentPanelClass="SlidingPanelsCurrentPanel";
    this.focusedClass="SlidingPanelsFocused";
    this.animatingClass="SlidingPanelsAnimating";
    if(this.element)
    this.element.style.overflow="hidden";
    if(this.defaultPanel)
    {
        if(typeof this.defaultPanel=="number")
        this.currentPanel=this.getContentPanels()[this.defaultPanel];else
        this.currentPanel=this.getElement(this.defaultPanel);
    }
    if(!this.currentPanel)
        this.currentPanel=this.getContentPanels()[0];
        if(SlidingPanels.onloadDidFire)
        this.attachBehaviors();else
        SlidingPanels.loadQueue.push(this);
        this.addLoadListener(SlidingPanels.processLoadQueue);};
        SlidingPanels.prototype={onFocus:function(e)
        {
            this.hasFocus=true;
            this.addClassName(this.element,this.focusedClass);
            return false;},onBlur:function(e)
            {
                this.hasFocus=false;
                this.removeClassName(this.element,this.focusedClass);
                return false;},attachBehaviors:function()
                {
                    var ele=this.element;if(!ele)
                    return;if(this.enableKeyboardNavigation)
                    {
                        var focusEle=null;var tabIndexAttr=ele.attributes.getNamedItem("tabindex");
                        if(tabIndexAttr||ele.nodeName.toLowerCase()=="a")
                            focusEle=ele;
                        if(focusEle)
                        {
                            var self=this;this.addEventListener(focusEle,"focus",function(e){return self.onFocus(e||window.event);},false);
                            this.addEventListener(focusEle,"blur",function(e){return self.onBlur(e||window.event);},false);}}
                        if(this.currentPanel)
                        {
                            var ea=this.enableAnimation;this.enableAnimation=false;this.showPanel(this.currentPanel);this.enableAnimation=ea;}},getElement:function(ele)
                            {if(ele&&typeof ele=="string")
                                return document.getElementById(ele);return ele;},addClassName:function(ele,className)
                            {if(!ele||!className||(ele.className&&ele.className.search(new RegExp("\\b"+className+"\\b"))!=-1))
                                return;ele.className+=(ele.className?" ":"")+className;},removeClassName:function(ele,className)
                            {if(!ele||!className||(ele.className&&ele.className.search(new RegExp("\\b"+className+"\\b"))==-1))
                                return;ele.className=ele.className.replace(new RegExp("\\s*\\b"+className+"\\b","g"),"");},getElementChildren:function(element)
                                {var children=[];var child=element.firstChild;while(child)
                                {if(child.nodeType==1)
                                children.push(child);child=child.nextSibling;}
                            return children;},getCurrentPanel:function()
                            {
                                return this.currentPanel;},getContentGroup:function()
                                {return this.getElementChildren(this.element)[0];},getContentPanels:function()
                                {return this.getElementChildren(this.getContentGroup());},getContentPanelsCount:function()
                                {return this.getContentPanels().length;},addLoadListener:function(handler)
                                {if(typeof window.addEventListener!='undefined')
                                    window.addEventListener('load',handler,false);else if(typeof document.addEventListener!='undefined')
                                    document.addEventListener('load',handler,false);else if(typeof window.attachEvent!='undefined')
                                    window.attachEvent('onload',handler);},addEventListener:function(element,eventType,handler,capture)
                                    {try
                                        {if(element.addEventListener)
                                        element.addEventListener(eventType,handler,capture);else if(element.attachEvent)
                                        element.attachEvent("on"+eventType,handler);}
                                    catch(e){}},getContentPanelIndex:function(ele)
                                        {if(ele)
                                            {ele=this.getElement(ele);var panels=this.getContentPanels();var numPanels=panels.length;for(var i=0;i<numPanels;i++)
                                            {if(panels[i]==ele)
                                            return i;}}
                                            return-1;},showPanel:function(elementOrIndex)
                                            {var pIndex=-1;if(typeof elementOrIndex=="number")
                                                pIndex=elementOrIndex;else
                                                pIndex=this.getContentPanelIndex(elementOrIndex);var numPanels=this.getContentPanelsCount();if(numPanels>0)
                                                pIndex=(pIndex>=numPanels)?numPanels-1:pIndex;else
                                                pIndex=0;var panel=this.getContentPanels()[pIndex];var contentGroup=this.getContentGroup();if(panel&&contentGroup)
                                                {if(this.currentPanel)
                                                    this.removeClassName(this.currentPanel,this.currentPanelClass);this.currentPanel=panel;var nx=-panel.offsetLeft;var ny=-panel.offsetTop;if(this.enableAnimation)
                                                {if(this.animator)
                                                    this.animator.stop();var cx=contentGroup.offsetLeft;var cy=contentGroup.offsetTop;if(cx!=nx||cy!=ny)
                                                    {var self=this;this.addClassName(this.element,this.animatingClass);this.animator=new SlidingPanels.PanelAnimator(contentGroup,cx,cy,nx,ny,{duration:this.duration,fps:this.fps,transition:this.transition,finish:function()
                                                    {self.removeClassName(self.element,self.animatingClass);self.addClassName(panel,self.currentPanelClass);}});this.animator.start();}}
                                                else
                                                {contentGroup.style.left=nx+"px";contentGroup.style.top=ny+"px";this.addClassName(panel,this.currentPanelClass);}}
                                                return panel;},showFirstPanel:function()
                                                {return this.showPanel(0);},showLastPanel:function()
                                                {return this.showPanel(this.getContentPanels().length-1);},showPreviousPanel:function(num)
                                                {clearTimeout(this.timeOut);var num=(num==undefined)?1:num;var prev=this.getContentPanelIndex(this.currentPanel)-num;return this.showPanel(prev>0?prev:0);},showNextPanel:function(num)
                                                {clearTimeout(this.timeOut);var num=(num==undefined)?1:num;var next=this.getContentPanelIndex(this.currentPanel)+num;if(next<this.getContentPanels().length-1){return this.showPanel(next);}
                                                else{return this.showPanel(0);}},timeOut:0,showNextPanelWithTimeOut:function(num,time)
                                                {var self=this;var func=function(){self.showNextPanelWithTimeOut(num,time);};var numPanels=this.getContentPanelsCount();var cur=this.getContentPanelIndex(this.currentPanel);if(cur<numPanels-1){this.showNextPanel(num);}
                                                else{this.showPanel(0);}
                                                this.timeOut=setTimeout(func,time);}};SlidingPanels.PanelAnimator=function(ele,curX,curY,dstX,dstY,opts)
                                                {this.element=ele;this.curX=curX;this.curY=curY;this.dstX=dstX;this.dstY=dstY;this.fps=60;this.duration=500;this.startTime=0;this.timerID=0;this.finish=null;this.transition=this.defaultTransition;var self=this;this.intervalFunc=function(){self.step();};this.interval=1000/this.fps;};SlidingPanels.PanelAnimator.prototype={element:null,curX:null,curY:null,dstX:null,dstY:null,fps:60,duration:500,startTime:0,timerID:0,finish:null,intervalFunc:function(){this.step();},interval:0,defaultTransition:function(time,begin,finish,duration){time/=duration;return begin+((2-time)*time*finish);},start:function()
                                                {this.stop();this.startTime=(new Date()).getTime();this.timerID=setTimeout(this.intervalFunc,this.interval);},transition:null,stop:function()
                                                {if(this.timerID)
                                                    clearTimeout(this.timerID);this.timerID=0;},step:function()
                                                    {
                                                        var elapsedTime=(new Date()).getTime()-this.startTime;var done=elapsedTime>=this.duration;var x,y;
                                                        if(done)
                                                        {x=this.curX=this.dstX;y=this.curY=this.dstY;}
                                                        else
                                                            {x=this.transition(elapsedTime,this.curX,this.dstX-this.curX,this.duration);y=this.transition(elapsedTime,this.curY,this.dstY-this.curY,this.duration);}
                                                            this.element.style.left=x+"px";this.element.style.top=y+"px";if(!done)
                                                            this.timerID=setTimeout(this.intervalFunc,this.interval);else if(this.finish)
                                                            this.finish();}};