jquery - 左 <= 0 の場合はアニメーションを停止

Question

div を左右にスライドさせる以下の関数がいくつかあります。ユーザーがdivの最後に到達したら停止する必要があるという事実を除いて、それは完全に機能します。IE: 左矢印は left: 0; より先に移動してはなりません。これについての助けをいただければ幸いです！

$(".left-arrow").mouseover(function(){
  playanim("+=30px");
}).mouseleave(function(){
  stopanim();
}); 

$(".right-arrow").mouseover(function(){
  playanim("-=30px");
}).mouseleave(function(){
  stopanim();
}); 

function playanim(speed) {
  // launch the anim with the desired side
  $("#slides").animate({ 
    left: speed,
  }, 1000,'linear',function(){playanim(speed);});
}

function stopanim() {
  // stop the animation and clear the animation queue
  $("#slides").stop(true);
}