var intervalGalerie = 4000;
var intervalReferences = 5000;

/****************************************
*	Gestion de la galerie (6 éléments)
****************************************/
$('.gallery-item-1').fadeIn(500);

//Gestion au clic
$('.buttons li a').click(function(){
	var classCache = $('.buttons li.active a').attr('rel');
	var classAffiche = $(this).attr('rel');
	if(classCache != classAffiche){
		//MAJ de l'heure de dernier changement
		var dateCurrent = new Date();
		dateGalerie = dateCurrent.getTime();

		$('.'+classAffiche).fadeIn(500);
		$('.'+classCache).fadeOut(500);
		$('.buttons li.active').removeClass('active');
		$(this).parent('li').addClass('active');
	}
	return false;
});

//Gestion du défilement automatique
setTimeout(changeGalerie,intervalGalerie);
var dateNow = new Date();
var dateGalerie = dateNow.getTime();
function changeGalerie(){
	var dateCurrent = new Date();
	var diff = dateCurrent.getTime() - dateGalerie;
	if(diff >= intervalGalerie){ //Si la galerie n'a pas été modifiée depuis 4sec, alors je la change
		var ongletActif = parseInt($('.buttons li.active a').text());
		var ongletSuivant = ongletActif+1;
		if(ongletSuivant > 6){
			ongletSuivant = 1;
		}
		$('.gallery-item-'+ongletSuivant).fadeIn(500);
		$('.gallery-item-'+ongletActif).fadeOut(500);
		$('.buttons li.active').removeClass('active');
		$('.buttons li:eq('+(ongletSuivant-1)+')').addClass('active');
		dateGalerie = dateCurrent.getTime(); //On met à jour la variable avec l'heure de dernier changement
		setTimeout(changeGalerie,intervalGalerie);
	}
	else{ //Sinon, je vais revérifier dans un certain temps (temps de rotation - différence entre les dates de dernier changement et courante)
		if(diff > 0){
			setTimeout(changeGalerie,(intervalGalerie-diff));
		}
		else{
			changeGalerie();
		}
	}
}

/****************************************
*	Gestion des références (3 éléments)
****************************************/
//Gestion du clic
$('.tabset a').click(function(){
	var classCache = $('.tabset li.active a').attr('rel');
	var classAffiche = $(this).attr('rel');
	if(classCache != classAffiche){
		//MAJ de l'heure de dernier changement
		var dateCurrent = new Date();
		dateReferences = dateCurrent.getTime();

		$('.'+classAffiche).fadeIn(500);
		$('.'+classCache).fadeOut(500);
		$('.tabset li.active').removeClass('active');
		$(this).parent('li').addClass('active');
	}
	return false;
});

//Gestion du défilement automatique
setTimeout(changeReference,intervalReferences);
var dateAct = new Date();
var dateReferences = dateAct.getTime();
function changeReference(){
	var dateCurrent = new Date();
	var diff = dateCurrent.getTime() - dateReferences;
	if(diff >= intervalReferences){ //Si la galerie n'a pas été modifiée depuis 4sec, alors je la change
		var ongletActif = parseInt($('.tabset li.active a').text());
		var ongletSuivant = ongletActif+1;
		if(ongletSuivant > 3){
			ongletSuivant = 1;
		}
		$('.ref-item-'+ongletSuivant).fadeIn(500);
		$('.ref-item-'+ongletActif).fadeOut(500);
		$('.tabset li.active').removeClass('active');
		$('.tabset li:eq('+(ongletSuivant-1)+')').addClass('active');

		setTimeout(changeReference,intervalReferences);
	}
	else{ //Sinon, je vais revérifier dans un certain temps (temps de rotation - différence entre les dates de dernier changement et courante)
		if(diff > 0){
			setTimeout(changeReference,(intervalReferences-diff));
		}
		else{
			changeReference();
		}
	}
}