<div id="sp-news">
 <div id="sp-news-item-1" class="ui-tabs-panel ui-tabs-hide">
  <p><b>New Item</b></p>
  <p>Info...</p>
 </div>

 <div id="sp-news-item-2" class="ui-tabs-panel ui-tabs-hide">
  <p><b>Application downtime</b></p>
  <p>Info...</p>
 </div>

 <div id="sp-news-item-3" class="ui-tabs-panel ui-tabs-hide">
  <p><b>Success</b></p>
  <p>Info...</p>
 </div>
</div>

 <ul class="sp-news-nav">
  <li class="ui-tabs-selected">
   <a href="#sp-news-item-1"><span>New Item</span></a>
  </li>
  <li class="">
   <a href="#sp-news-item-2"><span>Application downtime</span></a>
  </li>
  <li class="">
   <a href="#sp-news-item-3"><span>Success</span></a>
  </li>
 </ul>
</div>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
 jQuery(document).ready(function() {
  jQuery("#sp-news > ul").tabs({
      fx: {
          opacity: "toggle"
      }
  });
 });
 </script>

I am using the above script and HTML which is working fine (with some CSS) to create a JavaScript tabs feature on a site. What I would love to add is the ability to loop through the tabs automatically (if the user doesn't click on a tab before hand).

Any help would be much appreciated.

Many thanks