$(function(){
/****************************************
*	Gestion de la galerie 
****************************************/
// Paramètres
var intervale = 8000;
var dureeAnim = 400;
var menu = $('.nav-slide');
var visuel = $('.slide-items');

// Animation au chargement
//menu.fadeIn(500);
//visuel.fadeIn(500);
//menu.children(':not(li.active)').animate( {opacity:0.5}, dureeAnim );
tempo = null;


// 
var change = function( suivant ){
	var actif = menu.children('li.active');
	if( !change.caller )		// caller vaut null quand setTimeout est a l'origine de l'appel
		suivant = ( actif.next('li').length != 0 ) ? actif.next('li') : menu.children(':first');

	// Animation du menu
	//actif.animate( {opacity:0.5}, dureeAnim );		// FadeTo bug...
	//suivant.animate( {opacity:1}, dureeAnim );		// FadeTo bug...
	actif.removeClass('active');
	suivant.addClass('active');
	
	// animation du visuel
	var classeActif = actif.attr('class').split(' ')[0];
	var classeSuivant = suivant.attr('class').split(' ')[0];
	if( classeSuivant != classeActif ) { 
		actif = visuel.children('.'+classeActif);			// la première classe est le lien
		suivant = visuel.children('.'+classeSuivant);
		actif.stop(true,true).fadeOut( dureeAnim );			// FadeTo bug...
		suivant.stop(true,true).fadeIn( dureeAnim );			// FadeTo bug...
	}
	lance();
	
}
/**/

var lance = function() {
	clearTimeout( tempo );
	tempo = setTimeout( change, intervale );
}

var bloque = function() {
	clearTimeout( tempo );
}

//Gestion au clic

menu.children('li').mouseenter(function(){
	change( $(this) );
	bloque();
	return false;
});

menu.children('li').mouseleave(function(){
	lance();
	return false;
});

lance();
});