var Tabs={
   container:null,
   panels:Array(),
   init:function(container){
      Tabs.container=$(container);
      $('.panel',Tabs.container).each(
         function(i){
            var newPanel={};
            newPanel.element=this;
            newPanel.id=this.id;
            newPanel.index=i;
            // newPanel.title=$('h3',this)[0];
            // set panel title to be the panel number + 1
            newPanel.title=i + 1;
            newPanel.tab=Tabs.createTab(newPanel);
            Tabs.panels[i]=newPanel;
         }
      )
      Tabs.createTabsBar();
      Tabs.showPanel(Tabs.panels[0]);
   },
   createTab:function(panel){
      var tab=document.createElement("li");
      var tabLink=document.createElement("a");
      tabLink.innerHTML=panel.title;
      tabLink.href="#"+panel.id;
	   tabLink.onmouseover = function(){CP.Scroll.stopIt();};
	  tabLink.onmouseout = function(){ CP.Scroll.startIt();};
      $(tabLink).click(function() {Tabs.showPanel(panel); return false;})
      tab.appendChild(tabLink);
      return tab;
   },
   createTabsBar:function(){
      var tabsParent=$(".tab-container")[0];
      var ul=document.createElement("ul");
      ul.className="sliderButtons";
      $(Tabs.panels).each(function(){ ul.appendChild(this.tab); });
      var tabBar=document.createElement("div");
      tabBar.className="tabs";
      tabBar.appendChild(ul);
      tabsParent.appendChild(tabBar);

      next=document.createElement("a");
      next.className="next";
      next.innerHTML="»";
	  next.onmouseover = function(){CP.Scroll.stopIt();};
	  next.onmouseout = function(){ CP.Scroll.startIt();};
      next.href="#";
      $(next).click(function() {Tabs.showNextPanel(); return false;})

      previous=document.createElement("a");
      previous.className="previous";
	  previous.onmouseover = function(){CP.Scroll.stopIt();};
	  previous.onmouseout = function(){ CP.Scroll.startIt();};
      previous.innerHTML="«";
      previous.href="#";
      $(previous).click(function() {Tabs.showPreviousPanel(); return false;})



      tabBar.appendChild(next);
      tabBar.appendChild(previous);

   },
   showNextPanel:function(){
      if (Tabs.activePanelIndex<(Tabs.panels.length-1)){
         nextIndex=Tabs.activePanelIndex+1;
      }else{
         nextIndex=0;
      }
      Tabs.showPanel(Tabs.panels[nextIndex]);
   },
   showPreviousPanel:function(){
      if (Tabs.activePanelIndex>(0)){
         nextIndex=Tabs.activePanelIndex-1;
      }else{
         nextIndex=Tabs.panels.length-1;
      }
      Tabs.showPanel(Tabs.panels[nextIndex]);
   },
   showPanel:function(panel){
      var l = ($(".tab-container")[0].clientWidth)*panel.index;
      Tabs.container.animate({left:"-"+l+"px"},"slow","easeboth");
      Tabs.activeTab(panel.tab);
      Tabs.activePanelIndex=panel.index;
   },
   activeTab:function(tab){
      $("li.active").each(function(){$(this).removeClass("active")});
      tab.className="active";
      $(tab).DropInUp(250);
   }

}