Adicionar outro campo nav no scrollable

[allex_carvalho 124]

Boa tarde pessoal.

 

Gostaria de fazer um campo destaque usando o plugin scrollable.

 

Vejam aqui o link da pagina.

 

Os botões cinza estão ok, gostaria de fazer com que a div cinza no titulo e descrição do texto também ficassem alternando de acordo com que a noticia alternasse. Aqueles ao lado da imagem.

 

Se algum puder me ajuda...

 

Obrigado.

[allex_carvalho 124]

Para ver se falilita, fiz o seguinte: Onde vai os botões fechei tudo dentro de LI (antes estava no A), ficando assim:

 

<div id="navDestaque" class="nav">
<li><a href="#slide1" class="navEsportes"></a></li>
<li><a href="#slide2" class="navEsportes"></a></li>
<li><a href="#slide3" class="navEsportes"></a></li>
</div><!-- Navegação -->

 

No outro lugar que terá que rodar fiz assim:

 

<ul id="main_navi"  class="nav">
<li class="active"><a href="#slide1">
<h3 class="esportesTitulo">Aqui vai um teste que é para funcionar</h3>
<p>Aqui é outro teste que é para funcionar, vamos ver se a descrição vai ficar filezera igual é para ficar</p>
</a></li>
</ul>

(para não encher muito não vou colocar o restante, já que muda só o <a href="#slide(numero do slide)">

 

E no script está assim:

 

<script type="text/javascript">
$(function() {
$(".scrollable").scrollable({ circular: true }).autoscroll({interval: 4000}).navigator({
navi: '.nav',
naviItem: 'li',
activeClass: 'current',
});
});
</script>

 

E só roda os botões, o texto não roda.

 

Se alguém puder ajuda. Valeu mesmo.