jQuery(document).ready(function($){

//On créer un ul apres la div titre_boite_actu
$('<ul class="ui-tabs-nav"></ul>').insertAfter('div#titre_boite_actu');
// on récupere toutes les divs 
$('#featured .ui-tabs-panel').each(function(index) {
$(this)
// dans le ul on va
.appendTo('#featured ul.ui-tabs-nav')
// mettre les divs en question mais avant on va les entourée chacune 
// d'un li avec id unique
// + d'un lien qui renverra vers une div via une ancre
.wrap('<li class="ui-tabs-nav-item" id="nav-fragment-' + (index+1) + '"><a href="#fragment-' + (index+1) + '"></a></li>');
});

// on duplique les div de tout a leur
$('#featured .ui-tabs-nav .ui-tabs-nav-item a .ui-tabs-panel').each(function(index) {
$(this).clone().insertBefore('#duplication');

});

// on enleve les class des div présent dans les li
$('#featured ul .ui-tabs-panel').each(function() {
$(this).removeClass();
});

// on ajoute un identifiant unique au div qui sont hors du ul
$('#featured .ui-tabs-panel').each(function(index) {
$(this).attr({
'id' : 'fragment-' + (index+1)

});
});

// on selectionne le premier li
$('#nav-fragment-1').addClass('ui-tabs-selected');

// on demasque la premiere div
$('#fragment-1').removeClass('ui-tabs-hide');

// on enleve le thumbnails des images des div hors du ul
$('#featured .ui-tabs-panel img').each(function() {
this.src = this.src.replace(/thumbnails/, "");
});	

// on fait tourner les li
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

});