javascript - onclickをラップするjqueryスクローラー

Question

他の Web サイトでカルーセルや小さなカルーセルを見たことがありますが、それらを使用するとサイトが詰まるようです。スクロールする矢印がある、すでに使用しているスクローラーがあります。最後に到達したときにラップする必要があるだけです。私が見たほとんどのスクローラーはjquery内でラップを非表示にしているため、その方法がわかりません。これは私がこれまでに持っているものです：

HTML

<div id="this">
  <div class="outerwrapper">
    <div class="thisisit"></div>
    <div class="thisisit"></div>
    <div class="thisisit"></div>
    <div class="thisisit"></div>
  </div>
  <div class="arrows">
    <div class="left" id="left"></div>
    <div class="right" id="right"></div>
  </div>
</div>

JS

$(function () {  

$("#right, #left").click(function () {
    var dir = this.id == "right" ? '+=' : '-=';
    $(".outerwrapper").stop(false,true).animate({ scrollLeft: dir + '251' }, 1000);
  });

});

スクローラーは左から右へ、そして後ろへと正常に動作しますが、最後に巻き付けたいと思います。jquery 1.7.1 min.js を使用しています。