$(document).ready(function(){
	//on desactive la pub
	$("iframe").css({"display":"none"});
	$("iframe").parent().css({"display":"none"});
	
	
	//on lance le diapo d'accueil
	accueil();
});





function accueil(){
	//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);
}