title: Jquery Tools scrollable autoscroll not pausing
body: <p>I am having an issue with the jquery tools scrollable plugin:
  <a href="http://jquerytools.org/documentation/scrollable/index.html" rel="nofollow">http://jquerytools.org/documentation/scrollable/index.html</a></p>
  
  <p>Also using the scrollable autoscrolling plugin:
  <a href="http://jquerytools.org/documentation/scrollable/autoscroll.html" rel="nofollow">http://jquerytools.org/documentation/scrollable/autoscroll.html</a></p>
  
  <p>I am trying to pause the slideshow when a link is clicked, here is my html markup:</p>
  
  <pre><code>&lt;a id="pauseSlideshow" href="javascript:;"&gt;Pause Slideshow&lt;/a&gt;
  </code></pre>
  
  <p>Here is my javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      var scrollableApi;
  
      $(document).ready(function () {
  
          // Initialize the slideshow 
          scrollableApi = $('#slideshow')
              .scrollable({ items: '.scrollable &gt; .items', circular: true, mousewheel: false, speed: 1000 })
              .navigator({ navi: "#slideshow &gt; .scrollable-nav", naviItem: "a", activeClass: "current" })
              .autoscroll({ interval: 3000, autopause: true, api: true });
  
          // Pause the slideshow when the link is clicked
          $("#pauseSlideshow").click(function () {  
              alert("should pause slideshow");
              scrollableApi.pause();
              alert("no error");
           });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am seeing both of my alerts display, but the slideshow is still auto scrolling. There is no console errors in Chrome inspector.</p>
  
  <p>Any ideas would be great, I have found the jQuery tools documentation to be lacking in examples of how these API methods should be used. So maybe I am using them incorrectly?</p>