// JavaScript Document
// @autor : www.coccinet.fr

// Une fois la page chargée on init l'interval pour la fonction
$(document).ready(function() {
    setInterval( "slideSwitch()", 3500 );
});

var tempo = "ok";

// On stope le slideshow
function stopSlide() {
	tempo = "non";
}

// On lance le slide Show
function startSlide() {
	tempo = "ok";
}


function slideSwitch() {
	
	//Page-galerie
    var $active = $('#page-galerie div.active2');
    if ( $active.length == 0 ) $active = $('#page-galerie div:last');

    // on gere l'odre d'affichage des images
    var $next =  $active.next().length ? $active.next()
        : $('#page-galerie div:first');

    $active.addClass('last-active');
	if ( tempo == "ok" ) {
		$next.addClass('active2').fadeIn(3000,function() {
				$active.removeClass('active last-active active2');
		});
		$active.fadeOut(3000)
	}
	
	//expo en cours
    var $active = $('#galerie div.active2');
    if ( $active.length == 0 ) $active = $('#galerie div:last');

    // on gere l'odre d'affichage des images
    var $next =  $active.next().length ? $active.next()
        : $('#galerie div:first');

    $active.addClass('last-active');
	if ( tempo == "ok" ) {
		$next.addClass('active2').fadeIn(function() {
				$active.removeClass('active last-active active2');
		});
		$active.fadeOut()
	}
	
	//expo a venir
	var $active2 = $('#galerie-venir div.active2');
    if ( $active2.length == 0 ) $active2 = $('#galerie-venir div:last');

    // on gere l'odre d'affichage des images
    var $next2 =  $active2.next().length ? $active2.next()
        : $('#galerie-venir div:first');

    $active2.addClass('last-active');
	if ( tempo == "ok" ) {
		$next2.addClass('active2').fadeIn(function() {
				$active2.removeClass('active last-active active2');
		});
		$active2.fadeOut()
	}
	
	//expo passe
	var $active2 = $('#galerie-passe div.active2');
    if ( $active2.length == 0 ) $active2 = $('#galerie-passe div:last');

    // on gere l'odre d'affichage des images
    var $next2 =  $active2.next().length ? $active2.next()
        : $('#galerie-passe div:first');

    $active2.addClass('last-active');
	if ( tempo == "ok" ) {
		$next2.addClass('active2').fadeIn(function() {
				$active2.removeClass('active last-active active2');
		});
		$active2.fadeOut()
	}
}

// si on a cliqué directement sur la vignette on show le bon visuel et on arrete le slideshow
function showVisuel(id) {
	$("#galerie > div").animate({opacity: 0.0});
	$("#visuel-slideshow-"+id).animate({opacity: 1.0});
	$("#vignette > img").removeAttr("style");
	$("#mignature-"+id).css({opacity: 0.7});
	
	// on arrete le slideshow
	tempo = "non";
}