$(document).ready(function(){	
	
	$("#banner_nav > li").click(function(){//Au clique sur l'élément du menu
		var id= $(this).attr("id");//On récupère l'id de l'élément cliqué
		var id= id.substr(5);
		var current_id= $('.active').attr("id");//Et l'id de l'élément courant
		var current_id = current_id.substr(4);
		change_bckgrd(id, current_id);
	});
	//On met en place les panneaux des pépins
	$(function() {
		$("ul.tabs").tabs("div.panes > div");
	});
	timer=setInterval("change_bckgrd(2, 1)",10000);//On lance la fonction avec le timer pour faire défiler les panneaux
	
	//On précharge les images
	prechargement();
}); 

function change_bckgrd(id, current_id){ 
	clearInterval(timer);//on remet à zéro le timer;
	var api = $("ul.tabs").data("tabs");//On construit l'api pour pouvoir controler les panneaux
	if( id !=current_id){
		id=parseInt(id);

		if(id > 10){//Si on est au dernier panneau on revient au 1er
			id=1;
		}
	
		//On masque la div actuelle et on affiche l'autre
		//hide_it(element_to_hide,element_to_show);
		//Géré désormais par les tabs jquery tools
		
		//Gestion de la couleur de background + déplacement vers le bon panneau texte
		if(id=="1"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#655548" }, 1000);
			$("#mention p").animate({ color: "#000" }, 1000);
			api.click(0)//Permet de forcer le panneau suivant (suite au bug de changement d'onglet FF)	
		}
		if(id=="2"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#bae4f2" }, 1000);
			api.click(1)
		}
		if(id=="3"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#47507c" }, 1000);
			api.click(2)
		}
		if(id=="4"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#d9cac3" }, 1000);
			api.click(3)
		}
		if(id=="5"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#d1bfb2" }, 1000);
			api.click(4)
		}
		if(id=="6"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#b8bbbb" }, 1000);
			api.click(5)
		}
		if(id=="7"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#3c090a" }, 1000);
			api.click(6)
		}
		if(id=="8"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#e6cfbd" }, 1000);
			api.click(7)
		}
		if(id=="9"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#343434" }, 1000);
			api.click(8)
		}
		if(id=="10"){
			$("#body_accueil").stop(true,true).animate({ backgroundColor: "#8e9792" }, 1000);
			api.click(9)
		}
		
		//Les images de fond
		$("#big_"+id).stop(true,true).animate({opacity: 1},1000);
		$("#big_"+current_id).removeClass("active");
		$("#big_"+id).addClass("active");
		$('.big_pic').css('opacity',0);
		
		//Les miniatures
		$("#mini_"+current_id).removeClass("current");
		$("#mini_"+id).addClass("current");
		}
	var new_id=id+1;
	timer=setInterval("change_bckgrd("+new_id+", "+id+")",10000);//On relance le timer
};
function prechargement(){
	//On initialise toutes les images
	$("#big_2").css('backgroundImage', 'url(medias/images/big_backgd_2.jpg)');
	$("#big_2").css('opacity',0);
	$("#big_3").css('backgroundImage', 'url(medias/images/big_backgd_3.jpg)');
	$("#big_3").css('opacity',0);
	$("#big_4").css('backgroundImage', 'url(medias/images/big_backgd_4.jpg)');
	$("#big_4").css('opacity',0);
	$("#big_5").css('backgroundImage', 'url(medias/images/big_backgd_5.jpg)');
	$("#big_5").css('opacity',0);
	$("#big_6").css('backgroundImage', 'url(medias/images/big_backgd_6.jpg)');
	$("#big_6").css('opacity',0);
	$("#big_7").css('backgroundImage', 'url(medias/images/big_backgd_7.jpg)');
	$("#big_7").css('opacity',0);
	$("#big_8").css('backgroundImage', 'url(medias/images/big_backgd_8.jpg)');
	$("#big_8").css('opacity',0);
	$("#big_9").css('backgroundImage', 'url(medias/images/big_backgd_9.jpg)');
	$("#big_9").css('opacity',0);
	$("#big_10").css('backgroundImage', 'url(medias/images/big_backgd_10.jpg)');
	$("#big_10").css('opacity',0);
}