title: Lemmon Slider Auto Play only moves one then stops
body: <p>I'm using <a href="http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php" rel="nofollow">Lemmon Juice slider</a> due to having variable width images and it works fine except that I can't get auto play to work. It moves one image then stops - this is when using <code>'slideToLast' :</code> true or '<code>infinite' : true</code>. Manual controls work as expected. Is there something I'm missing that would get this carousel to auto play infinitely and not just stop after moving one slide?</p>
  
  <p><strong>html:</strong></p>
  
  <pre><code>&lt;div id="slider1" class="slider"&gt;
    &lt;ul&gt;
        &lt;li&gt;
          &lt;img src="http://domain.com/slide/image1.jpg"/&gt;            
  
          &lt;span class="caption"&gt;
           some caption here
          &lt;/span&gt;
  
        &lt;/li&gt;
  
        &lt;li&gt;
          &lt;img src="http://domain.com/slide/image2.jpg"/&gt;            
  
          &lt;span class="caption"&gt;
           2nd caption here
          &lt;/span&gt;
  
        &lt;/li&gt;
  
        &lt;li&gt;
          &lt;img src="http://domain.com/slide/image3.jpg"/&gt;            
  
          &lt;span class="caption"&gt;
           3rd caption here
          &lt;/span&gt;
  
        &lt;/li&gt;
  
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code> // home page slider 
  var sliderTimeout;
  window.onload = function(){
  
      $( '#slider1' ).lemmonSlider({
           'infinite' : true
          /*'slideToLast' : true*/
      });
  
      // run
      sliderAutoplay();
      }
      // slider autoplay function
      function sliderAutoplay(){
  
          $( '#slider1' ).trigger( 'nextSlide' );
          sliderTimeout = setTimeout( 'sliderAutoplay', 1500 );
  
      }
      // pause slider function
      function sliderPause(){
  
          clearTimeout( sliderTimeout );
  }
  </code></pre>