// JavaScript Document
// design & build : Florian LANNUZEL (s. mkt)
// website : http://my.gaelinks/com/fl.k

$(document).ready(function(){
	compteur = 1;
	delai = 5000;
	$('#slideshow-content').html(ssimg_first);
	$('#slideshow-target').html(ssurl_first);
	nbImages = $('#slideshow-data-images li').length;
	init();
	setClass($('#ssitem'+compteur));
});

function init(){
	$('#slideshow-items li').click(function(){
		clearTimeout(boucle);
		compteur = $(this).attr('id').replace("ssitem", "");
		compteur--;
		efface();
		lanceBoucle();
	});
	lanceBoucle();	
	setClass($('#ssitem'+compteur));
}

function lanceBoucle(){						
	boucle = setTimeout(transition,delai);
}
function transition(){
	efface();
	lanceBoucle();
}
function efface(){	
			$('#slideshow-content').fadeOut(300, SSimage);
			$('#slideshow-target').fadeOut(300);
}
function SSimage(){									
	if(compteur >= nbImages){						
		compteur = 1;
	}else{
		compteur++;									
	}												
	SShome01 = $('#ssimg'+compteur).html(); 
	SShome02 = $('#ssurl'+compteur).html();
	$('#slideshow-content').html(SShome01).fadeIn(300);
	$('#slideshow-target').html(SShome02).fadeIn(300);
	setClass($('#ssitem'+compteur));
	}
function setClass(obj){
	$("#slideshow-items li").each(function(){
		$(this).removeClass('active');
	});
	$('#ssitem'+compteur).addClass('active');	
}