title: Slider pagination using jquery
body: <p>I'm trying to create a slider where it has a pagination.  <br>
  Just for example in this jsfiddle I made <br><br><a href="http://jsfiddle.net/ALtW9/" rel="nofollow">http://jsfiddle.net/ALtW9/</a> <br><br></p>
  
  <p>This is what I have tried so far </p>
  
  <pre><code>$('#a1').click(function () {
     $('#slider ul').animate({
              left: 0
          }, 200, function () {
              $('#slider ul li:first-child').appendTo('#slider ul');
              $('#slider ul').css('left', '');
          });
  });
  
  
  $('#a2').click(function () {
      $('#slider ul').animate({
              left: + slideWidth
          }, 200, function () {
              $('#slider ul li:first-child').appendTo('#slider ul');
              $('#slider ul').css('left', '');
          });
  });
  </code></pre>
  
  <p>There is a 1, 2 ,3 at the top that indicates a number. 
  When I click the 3, it will animate to move to the 3rd div. When I click the first it will move to the first one so on and so forth. <br><br>
  The current script only moves to next and previous. Any idea on this?</p>