Problema com slider - JQuery

Olá a todos.

Me foi passado um trabalho no qual tenho que fazer o slider parecido com o do diário lancenet (www.lancenet.com.br). Nele o usuário passa o mouse em um box de texto e a imagem daquele destaque aparece ao lado. Além do slider ficar rodando automaticamente de box em box. Quando o cara clicar será direcionado àquela matéria.

Achei um plugin Jquery que me atendia mas o problema é que o href do link chama a div que contem a imagem e eu não tenho como colocar o link para a matéria daquele destaque.

Chamada da função:

	$(document).ready(function(){
 $("#featured > ul").tabs({
 event: 'mouseover',
 fx:{opacity: "toggle"}
 }).tabs("rotate", 5000, true);
	});

html:

<div id="featured" >
<ul class="ui-tabs-nav">
 <?php
 $numeracao_img = 1 ;
 $numeracao_class = 1 ;
 include ("conexao.php");
 $query="select * from destaques order by id desc limit 4";
 $result=mysql_query($query);
 $num=mysql_num_rows($result);
 while ($registro = mysql_fetch_array($result)) {
 $id = $registro ["id"];
 $titulo = $registro ["titulo"];
 $subtitulo = $registro ["subtitulo"];
 $foto = $registro ["foto_home"];
 $foto2 = $registro ["foto_mais_destaque"];
 ?>
 <li class="ui-tabs-nav-item" id="nav-fragment-1">
 <a href="#teste_<?php echo $numeracao_class++; ?>">
 <span>
 <h4><?php echo $titulo; ?></h4>
 <p><?php echo $subtitulo; ?></p>
 </span>
 </a>
 <div id="teste_<?php echo $numeracao_img++; ?>" class="ui-tabs-panel ui-tabs-hide" style="">
 <img src="upload/destaques/imagens/img_home/home_1.jpg" alt="" width="336" height="250" border="0" />
 </div>
 </li>

 <?php
 }
 mysql_close();
 ?>
 </div>

Por favor, alguem poderia ajudar!?

Desde já, agradeço.