Petit slider avec onglet

Bonjour a tous et toutes,

Voilà j'ai un soucis avec mon slider

et un exemple vaut mieux qu'une grande explication

ne faite pas attention, au design, c'est juste un test

http://www.netbebook.com/Entrenous/

donc en fait quand je clip sur suivant ou précédent, l’intérieur des onglets apparaissent bien mais mon problème est que je n'arrive pas a faire changer mes onglet eu même.

voici mon script

<div id="sousCoucheDernierNouvelles"><!-- Debut sous couche dernier inscrit-->
    	
        <div id="derniereNouvelles">
    		<h4>Les dernières nouvelles</h4>
            
            <div id="onglets">
           		
                <h5>Derniers inscrits</h5>
					<div class="p">
                    	<div class="ContentP">
                    		inscrit
						</div>
					</div>

				<h5>Dernières annonces</h5>
					<div class="p">
                    	<div class="ContentP">
                			Annonce
                        </div>
               		</div>
			
				<h5>Dernières news</h5>
					<div class="p">
                    	<div class="ContentP">
                    		News
                        </div>
                   	</div>
                
            </div>
            
		</div>
    	
    </div><!-- Fin sous couche dernier insrit-->

$(document).ready(function() {

	// Conteneur
	$("#onglets").prepend("<div class=\"groupe\"></div>");
	
	// Réunion des onglets
	var $titres = $("#onglets :header");
	$titres.appendTo("#onglets div.groupe");
	
	// Styles des onglets
	$titres.css({
		"display":"inline-block",
		"padding":"5px 14px",
		"margin":"3px 4px",
		"cursor":"pointer",
		"background":"#FFF",
		"border": "1px solid #ff8e42",
		"borderBottom": "none"
	});
	
	$("#onglets").append("<p><a href=\"#\" class=\"prev\">Précédente</a> | <a href=\"#\" class=\"next\">Suivante</a></p>");
	
	// On masque tout onglet dont l'index est supérieur à 0 (c'est à dire tous sauf le premier)
	$("#onglets .p:gt(0)").hide();
	
	// On ajoute une classe spécifique au premier titre
	$titres.first().addClass("highlight2");
	
	// Gestion du clic sur les titres
	$titres.click(function() {
		
		// On cache tous les div avec la classe p
		$("#onglets .p").hide();
		
		// On récupère l'index courant
		var i = $(this).index();
		// Pour afficher ensuite le paragraphe équivalent possédant cet index
		$("#onglets .p:eq("+i+")").show();
		
		// On retire la classe de mise en valeur sur tous les titres puis on la réapplique sur le titre courant
		$titres.removeClass("highlight2");
		$(this).addClass("highlight2");
	
	});
	
	// Gestionnaire de clic sur le lien suivant
	$("#onglets a.next").click(function() {
		var $onglet_suivant = $("#onglets .p:visible").next(".p");
		if($onglet_suivant.length<1) $onglet_suivant = $("#onglets .p:first");
		$("#onglets .p:visible").hide();
		$onglet_suivant.show();
		return false;
	});
	
	$("#onglets a.prev").click(function() {
		var $onglet_prev = $("#onglets .p:visible").prev(".p");
		if($onglet_prev.length<1) $onglet_prev = $("#onglets .p:last");
		$("#onglets .p:visible").hide();
		$onglet_prev.show();
		return false;
	});
	
	function auto() {
		$("#onglets a.next").trigger("click");
	}
	setInterval(auto,10000);
	

});

en espérant que vous pourrez m'aide

bonne journée a tous