title: animation on jquery broken
body: <p>Please help me correct my script: <a href="http://jsfiddle.net/b36cM/" rel="nofollow">http://jsfiddle.net/b36cM/</a></p>
  
  <pre><code>                if(direction == -1){
                      wrapperElements.children(':last').after($('#carousel &gt; ul').children().slice(0, options.rotateBy).clone());
  
                      shiftAction();
  
                      wrapperElements.children().slice(0, options.rotateBy).remove();
                  }
                  else{
                      // wrapperElements.children(':first').after($('#carousel &gt; ul').children().slice(carouselLength - options.rotateBy, carouselLength).clone());
  
                      // shiftAction();
  
                      // wrapperElements.children().slice(carouselLength - options.rotateBy, carouselLength).remove();
                  }               
              }
  
              function shiftAction(){
                  console.log(offset);
  
                  wrapperElements.animate({
                      'left': offset                  
                  }, options.speed,   function(){
                                          running = false;
                                      });                 
              }               
          }
  </code></pre>
  
  <p>When clicked on <code>#prev</code> the animation shifts two elements to the left. I would like to scroll only one item, smoothly.</p>