var Slider = {
    container:null,
    panels:Array(),
    init:function(){
        Slider.container=$(".panels");
        $('.panel',Slider.container).each(
            function(i){
                tablink = $('[href=#'+this.id+']');
                var newPanel={};
                newPanel.element=this;
                newPanel.id=this.id;
                newPanel.index=i;
                newPanel.title=$('h2',this)[0];
                newPanel.link=tablink;
                Slider.panels[i]=newPanel;
                tablink.click(function() {Slider.slide(newPanel); return false;});
            }
        );
        Slider.slide(Slider.panels[0]);
    },
    slide:function(panel){
        var l = ($(".tab-container")[0].clientWidth)*panel.index;
        Slider.container.animate({left:"-"+l+"px"},"slow","easeboth");
        $("#features a.active").each(function(){$(this).removeClass("active")});
        panel.link.toggleClass("active");
    },
};

$(document).ready(function(){
    Slider.init();
});