title: Stop .animate() when it reaches last div
body: <p>So I have a web app where each panel is 480x300 (-20px for status bar) and two navigation buttons to scroll left or right.</p>
  
  <p>Now everything works great, except when you continue scrolling past the max panels displayed, it keeps going.</p>
  
  <p>I was wondering if it is possible to stop the Jquery .animate() after it reaches the last panel.</p>
  
  <p><a href="http://jsfiddle.net/gS33Y/" rel="nofollow">http://jsfiddle.net/gS33Y/</a></p>