title: Need jQuery auto function
body: <p>i have created simple slider for my site , It is working fine demo here
  <a href="http://jsfiddle.net/Kxnh3/1/" rel="nofollow">http://jsfiddle.net/Kxnh3/1/</a></p>
  
  <p>Now i want to work this slider auto ? 
  any idea ?</p>
  
  <pre><code>jQuery(document).ready(function() {
       jQuery('.sliderBtn li:eq(0) a').click(function()
       {
       jQuery('.sliderBtn li:eq(0)').addClass('activeSlide');
       jQuery('.sliderBtn li:eq(1)').removeClass('activeSlide');
       jQuery('#homeSliderSlideshow').animate({'left':'0'},'slow');
       });
  
       jQuery('.sliderBtn li:eq(1) a').click(function()
       {
       jQuery('.sliderBtn li:eq(0)').removeClass('activeSlide');
       jQuery('.sliderBtn li:eq(1)').addClass('activeSlide');
       jQuery('#homeSliderSlideshow').animate({'left':'-100px'},'slow');
       });
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="wraper"&gt;
      &lt;ul id="homeSliderSlideshow"&gt;
          &lt;li&gt;
              &lt;div&gt;1&lt;/div&gt;
              &lt;div&gt;2&lt;/div&gt;
              &lt;div&gt;3&lt;/div&gt;
              &lt;div&gt;4&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="sliderBtn"&gt;
      &lt;ul&gt;
          &lt;li class="activeSlide"&gt;
              &lt;a href="#"&gt;1&lt;/a&gt;
           &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;2&lt;/a&gt;
           &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>