function TabsPanel(e)
{
    this._self = this;
    this.tabs = [];
    this.contents=[];
    
    var t = $T($(e),"th");
    for (var i = 0; i < t.length; i++)
    {
        this.tabs.push(t[i]);
        t[i].onclick=function(){_self.Select(this);return false;}
    }
    
    t = $T($(e),"div");
    for (var i = 0; i < t.length; i++)
    {
        if(t[i].className=="Tabber")this.contents.push(t[i]);
    }
    
    this.Select=function(e)
    {
        for (var i = 0; i < this.tabs.length; i++)
        {
            if (this.tabs[i] == e)
            {
                this.tabs[i].className="Selected";
                this.contents[i].style.display="block";
            }
            else
            {
                this.tabs[i].className="";
                this.contents[i].style.display="none";
            }
        }
    }
}

function SlideShow(e)
{
    this._self = this;
    this.interval=5000;
    this.index = -1;
    this.ticker=false;
    this.tickey=false;
    this.slider = false;
    this.slidee = [];
    this.info = [];
    
    var t = $T($(e),"div");
    for(var i=0;i<t.length;i++)
    {
        if (t[i].className=="Slider")
        {
            this.slider=t[i];
            t[i].onmouseover=function(){_self.Stop();};
            t[i].onmouseout=function(){_self.Start();};
        }
    }
    
    t = $T($(e), "span");
    for(var i=0;i<t.length; i++)
    {
        if (t[i].className=="Info")
        {
            this.info.push(t[i]);
        }
    }
    
    e = $T($(e),"img");
    for(var i=0;i<e.length;i++)
    {
        if (e[i].className=="Slidee")
        {
            e[i].onmouseover=function(){_self.Goto(this);};
            e[i].onmouseout=function(){_self.Start();};
            this.slidee.push(e[i]);
        }
    }
    
    this.Slide=function()
    {
        this.Stop();
        if(this.index>-1)this.info[this.index].style.display="none";
        this.index++;
        if(this.index==this.slidee.length)this.index=0;
        this.Change();
        this.Start();
    }
    
    this.Start=function()
    {
        this.ticker=setTimeout(_self.Slide,this.interval)
    }
    
    this.Stop=function()
    {
        var t0=this.ticker;
        if(t0)clearTimeout(t0);
        t0=false;
        t0=this.tickey;
        if(t0)clearTimeout(t0);
        t0=false;
    }
    
    this.Goto=function(e)
    {
        this.Stop();
        if(this.index>-1)this.info[this.index].style.display="none";
        var i=0;
        for(;i<this.slidee.length;i++){if (this.slidee[i]==e)break;}
        this.index=i;
        this.Change()
    }
    
    this.Change=function()
    {
        var i = this.index;
        this.slider.style.backgroundImage=this.slidee[i].style.backgroundImage.replace("-thumb", "-other");
        this.info[i].style.display="block";
        this.InfOut();
    }
    
    this.InfOut=function()
    {
        var x=this.info[this.index].style;
        var l = parseInt(x.left);
        if(l > 1){x.marginLeft=l/2+"px";this.tickey=setTimeout(_self.InfOut,100)}
    }
    
    this.Slide();
}
SlideShow("SlideShow");