emulating tabs being clicked to create a slideshow of tabs in jquery
<p>I have this nicely working tab system below...but i would like it to start emulating someone clicking on it, effectively creating a slideshow from on llist to another...</p>

<pre><code>//Homepage Tabs  
$('#lcontent .tab:first').show();   
$('#llist li').click(function() {
    var thisTop = $(this).position().top;
    $('.pointer').animate( {'top': thisTop} );
    $('#llist li').removeClass('current');
    $(this).addClass('current');
    var id = $("li.current a").attr('href');
    $("#lcontent div").fadeOut(500).hide();   
    $(id).fadeIn();   
return false;
});
</code></pre>

<p>HTML for list:</p>

<pre><code>&lt;ul id="llist"&gt;
   &lt;li class="t current"&gt;&lt;a href="#sagesolutions"&gt;&lt;span&gt;sage solutions&lt;/span&gt;&lt;/a&gt;&lt;img width="24" height="70" class="pointer" title="pointer" src="assets/site_images/bg-tab-leader-arrow.png"&gt;&lt;/li&gt;
   &lt;li class="m"&gt;&lt;a href="#creditmanagement"&gt;&lt;span&gt;credit mangement solutions&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
   &lt;li class="b"&gt;&lt;a href="#thirdparty"&gt;&lt;span&gt;third party additions&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p></p>

<p>Content Tabs</p>

<pre><code>&lt;div id="lcontent"&gt;
  &lt;div class="tab" id="sagesolutions" style="display: block;"&gt;
    &lt;h2&gt;sage solutions&lt;/h2&gt;
    Sage content
    &lt;hr&gt;
    &lt;a class="btn-solutionstart" href="solutions/sage/which-sage"&gt;
    &lt;p&gt;Unsure which solution is best for your business?&lt;br&gt;
      &lt;span&gt;Use our step-by-step guide...&lt;/span&gt;&lt;/p&gt;
    &lt;/a&gt; &lt;/div&gt;
  &lt;div class="tab" id="creditmanagement"&gt;
    &lt;h2&gt;credit management solutions&lt;/h2&gt;
    Credit content &lt;/div&gt;
  &lt;div class="tab" id="thirdparty"&gt;
    &lt;h2&gt;third party additions&lt;/h2&gt;
    Third party content &lt;/div&gt;
&lt;/div&gt;
</code></pre>
