title: jQuery SerialScroll Tabs with Rotator
body: <p>I have implemented the SerialScroll Tabs that is similar to Scrollable Tabs:</p>
  
  <p><a href="http://jsfiddle.net/NinjaSk8ter/WvpcR/" rel="nofollow">http://jsfiddle.net/NinjaSk8ter/WvpcR/</a></p>
  
  <p>I would like to modify this to enable the 1st Tab to always be selected, and then rotate through or paginate the other tabs.</p>
  
  <p>Here is an example:</p>
  
  <p><a href="http://www.stceciliaschool.org/" rel="nofollow">http://www.stceciliaschool.org/</a></p>
  
  <p>I know that jQuery Tabs exists with Rotator, but I haven’t been able to locate the the code or how to download this functionality. </p>
  
  <p><a href="http://www.raymondselda.com/demo/tabbed-rotator/" rel="nofollow">http://www.raymondselda.com/demo/tabbed-rotator/</a> </p>
  
  <p>Does anyone have any idea about how I could implement this existing SerialScroll with Rotator?</p>
  
  <pre><code>$(function() {     
      $('.navigations a').click(function() {
          $('.navigations a.white').removeClass('white').addClass('blue');
          $(this).addClass('white').removeClass('blue');    
          return false;
      }); 
  }); 
  
  jQuery.easing.easeOutQuart = function(x, t, b, c, d) {
      return -c * ((t = t / d - 1) * t * t * t - 1) + b;
  };
  
  jQuery(function($) {
      $('#mid-featureleft-client').serialScroll({
          target: '.sectionss',
          items: 'li',
          prev: 'img.prev',
          next: 'img.next',
          axis: 'xy',
          // The default is 'y' scroll on both ways
          navigation: '.navigations li a',
          duration: 275,
          force: true,
          onBefore: function(e, elem, $pane, $items, pos) {
              e.preventDefault();
              if (this.blur) this.blur();
          },
          onAfter: function(elem) {
          }
      });
  });
  </code></pre>