jQuery Cycle Effect on Tabs
<p>Hi I have a built this Jquery code.</p>

<p>I want the buttons to auto cycle insted of hovering can anyone help please?</p>

<p>Jquery code is as follows:</p>

<pre><code>$(function() {
  var $items = $('#vtab&gt;ul&gt;li');
  $items.click(function() {
    $items.removeClass('selected');
    $(this).addClass('selected');
    var index = $items.index($(this));
    $('#vtab&gt;div').hide().eq(index).show();
  }).eq(1).mouseover();
});
</code></pre>

<p>The Html is as follows:</p>

<pre><code>&lt;div id="vtab"&gt;
  &lt;ul&gt;
    &lt;li class="home selected"&gt;&lt;/li&gt;
    &lt;li class="login"&gt;&lt;/li&gt;
    &lt;li class="support"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div&gt;
    &lt;h4&gt;Home Insurance&lt;/h4&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h4&gt;Secure Login&lt;/h4&gt;
    &lt;form id="loginForm" action=""&gt;
      &lt;fieldset&gt;
        &lt;legend&gt;You need to sign in with your Email &amp; Password to continue.&lt;/legend&gt;
        &lt;div&gt;
          &lt;label for="email"&gt;Email:&lt;/label&gt;
          &lt;input type="text" name="email" id="email" /&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;label for="password"&gt;Password:&lt;/label&gt;
          &lt;input type="password" name="password" id="password" /&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;input id="login" type="submit" value="Fake Login" /&gt;
        &lt;/div&gt;
      &lt;/fieldset&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h4&gt;Online Support&lt;/h4&gt;
    Maecenas in varius nulla....
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want the buttons to cycle through rather than just when you hover</p>
