title: Infinite loop on animate
body: <p>I need a div to slide out the left of the screen and when the width is done it must restart. e.g. like its running in a circle endlessly.</p>
  
  <p>I have managed to find this after searching stackoverflow. </p>
  
  <pre><code>jQuery(".slide-inner").animate({left: -9913}, 80000, 'linear');
  </code></pre>
  
  <p>9913 being the current width of my div in px. right now it just finishes the 9913 width and then ends the animation, it need to start over again without showing white space e.g. when it hits the final pixel in 9913 it must start from 1px all over again.</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;div class="slide-inner"&gt;
  &lt;div class="one ani"&gt;&lt;/div&gt;
  &lt;div class="two ani"&gt;&lt;/div&gt;
  &lt;div class="three ani"&gt;&lt;/div&gt;   
  &lt;div class="four ani"&gt;&lt;/div&gt;
  &lt;div class="five ani"&gt;&lt;/div&gt;
  &lt;div class="six ani"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ignore the elements inside .slide-inner. Those are just absolute position divs that i am using with css3 to light up the slider at keypoints.</p>
  
  <p>EDIT:</p>
  
  <pre><code>var animate = function() {
    $(".slide-inner").animate({left: -9913}, 80000, 'linear', function() {
    $(this).css('left', 1);
    animate();
   });
  }
  animate();
  </code></pre>
  
  <p>Problem with above code is left', 1) needs to be responsive so i cant put in there -1920 and then on browser resize it will not function like it should?</p>