// Inspiré par JonRaasch.com - http://jonraasch.com/blog/a-simple-jquery-slideshow

// Timer 
var timeSlide;
var slideTimer = 3000;
var playBoolean;

function slideSwitch() {

    var $active = $('#slideshow IMG.active');
	
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
	
    var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');
	
	$active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
		
	// Création de la légende 
	document.getElementById('legend').innerHTML = "<p>" + jQuery("#slideshow").find("IMG:animated").attr("alt") + "</p>";
}

$(function() {

	// Boolean pour bloquer le multiple play
	var playBoolean = false;
	
	// Création de la légende pour la première image
	document.getElementById('legend').innerHTML = "<p>" + jQuery("#slideshow").find("IMG:first").attr("alt") + "</p>";


	// Génération des liens
	var numImage = $("#slideshow > img").length;
	for (var n=0; n < numImage; n++) {
		$('#numero').append("<span class=\'liensImage\' onclick=\"accessImage(" + (n+1) + ")\">" + (n+1) + "</span>");
		//$('#numero').append("<span class=\'liensImage\' onclick=\"accessImage(" + n + ")>" + n + "</span>");
		//document.getElementById('numero').innerHTML = "<span class=\'liensImage\' onclick=\"accessImage(" + n + ")>" + n + "</span>";

	}
	// Demarrage du Slide avec l'intervale slideTimer
    timeSlide = setInterval( "slideSwitch()", slideTimer );
	
	// Interface SLide
	//Caption Sliding (Partially Hidden to Visible)
	$('.boxgrid.caption').hover(function(){
		$(".cover", this).stop().animate({top:'224px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'264px'},{queue:false,duration:160});
	});

});


function pauseSlide(){

	playBoolean = true;
	clearTimeout(timeSlide);
	$('#pause').css({'display':'none'});
	$('#play').css({'display':'block'});
}

function playSlide(){

	$('#pause').css({'display':'block'});
	$('#play').css({'display':'none'});
	if (playBoolean == true) {
		playBoolean = false;
		 timeSlide = setInterval( "slideSwitch()", slideTimer );
	}
}

function accessImage(n) {
	// Arret du slide en cours
	clearTimeout(timeSlide);

	// Récupération de l'image sélectionnée et de la dernière image animée
	var $lastActive = $('#slideshow IMG.active');
	var $active = $('#slideshow #' + n);
	 
	$lastActive.addClass('last-active');
	
	// Animation
    $active.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
       $lastActive.removeClass('active last-active');
	   document.getElementById('legend').innerHTML = "<p>" + jQuery("#slideshow").find("IMG:animated").attr("alt") + "</p>"; // Mise à jour de la légende$
	  	timeSlide = setInterval( "slideSwitch()", slideTimer ); // Relancement du slide 	
      });

}