title: Round robin scroll of div
body: <p>Consider the following arrangement (<a href="http://jsfiddle.net/HZRSZ/" rel="nofollow">jsfiddle</a>):</p>
  
  <pre><code>         &lt;------- Full width occupied -------&gt;
  ---------------------------------------------------------
  | Div A | Div B | Div C | Div D | Div E | Div F | Div G | .... H, I, J
  ---------------------------------------------------------
  
  /* There are Div H, I &amp; J currently not visible */
  
  Button: Left Scroll 
  Button: Right Scroll
  </code></pre>
  
  <p>If user presses, Left Scroll - Div H, I &amp; J enter the display area in a sequence, but after J instead of the Div moving deeper towards the left, the it should cycle back to A then B and so on.</p>
  
  <p>I have been able to achieve the motion (see fiddle) but unable to make it Round-Robin.</p>