title: jQuery ui tabs rotate pause on hover
body: <p>I am working on a rotator using jquery ui and can get it to pause on hover with this: </p>
  
  <pre><code>$(document).ready(function(){  
      $("#rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
      $("#rotator").hover(  
          function() {  
              $("#rotator").tabs("rotate",0,true);  
          },  
          function() {  
              $("#rotator").tabs("rotate",5000,true);  
          }  
      );  
  });
  </code></pre>
  
  <p>This only problem is that it stops on the last item in the list and won't rotate through the first item unless I make it:</p>
  
  <pre><code>$(document).ready(function(){  
      $("#rotator &gt; ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
      $("#rotator").hover(  
          function() {  
              $("#rotator").tabs("rotate",0,true);  
          },  
          function() {  
              $("#rotator").tabs("rotate",5000,true);  
          }  
      );  
  });
  </code></pre>
  
  <p>but then the hover doesn't work.</p>
  
  <p>Any ideas how to get it to cycle through the list and pause on hover?</p>