Building a photo slider for my site but having issues

Building a photo slider for my site but having issues

Hello,

here is the link to the test page:
http://dallasmart.com/JQ_TEST/JQ_test.php

in the bottom of the page you can see the slider..  I have 6 pics but I can only go back and forth for only 4 pics.. two at a time.. It seems like the left arrow is not firing more then once.. meaning I click on each arrow only once,.. not sure why..

here is he JQ: ( the JQ code is not mine , it is coming from a book... ).. the $wrapper should have all 6 pics but why only 4 are available ? It seems like that once the left-arrow is clicked,,, then it will get lost and there is no way for it to know that there are 2 more pics.. so if that is the case.. what must I do?


 var $wrapper=$('#scroller a img');

  var leftanimator = function(imgblock) {
    imgblock.animate({left:-1030 }, 3000);
  }

  var rightanimator = function(imgblock) {
    imgblock.animate({left:0 }, 3000);
  }

  $('.leftarrow').click(function(event){
    leftanimator($wrapper);
    event.preventDefault();
  });

  $('.rightarrow').click(function(event){
    rightanimator($wrapper);
    event.preventDefault();
  });