var interval = "";
var intervalText = "";
var largeurMax = 0;
var largeurMask = 0;
$(document).ready(function() {		
	slideShow();
	
	$("#ticker01").show();
	$("ul#ticker01").liScroll({travelocity: 0.08});
});

function FFScroll(){
	var ulWidth = 0;
	$("#ticker01 li").each(function (i){ulWidth += this.offsetWidth + 15;});
	
	// largeur max :
	largeurMax = ulWidth + 20;
	$("#ticker01").css('width', ulWidth+"px");

	// largeur du masque :
	largeurMask = parseInt($("#ticker01").parent().css('width')) + 5;
	
	// arrêt lors du survol :
	$("#ticker01 li").hover(function(){clearInterval(interval);}, function(){interval = setInterval("FFScrollTimer()", 190);});

	$("#ticker01").wrap("<div id='test'><div id='mask'></div></div>");

	intervalText = setInterval("FFScrollTimer()", 190);
}

function FFScrollStop(){
	clearTimeout(intervalText);
}

function FFScrollTimer(){
	var left =  parseInt($("#ticker01").css('left')) - 16;
	
	if (left < 0-largeurMax) left = largeurMask;
	
	document.getElementById("ticker01").style.left = left+"px";
}

function gallery() {
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
	if (!arguments[0]){
		var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	}else{
		$("#gallery .caption").stop();
		clearInterval(interval);
		var next = $("#lienBanniere"+arguments[0]);
		$("#gallery a").css({opacity: 0.0}).removeClass('show');   //
	}
	var caption = next.find('img').attr('rel');	

	// Couleur du cadre de la bannière mini :
	var bannId = next.attr('id');
	var chaine = "lienBanniere";
	bannId = bannId.substring(chaine.length);
	$(".miniBan img").css('border-color', 'white');
	$("#mini"+bannId+" img").css("border-color", "#29d425");
	
	// Opacité :
	next.addClass('show')
	.animate({opacity: 1.0}, "slow");
	current.css({opacity: 0.0}).removeClass('show');
	
	$('#gallery .caption').css('height', '1px');
	$('#gallery .content').html('');
	$('#gallery .caption').animate({opacity: 0.8},100).animate({height: '38px'}, 'slow', function(){$('#gallery .content').html(caption);});
}

function galleryTimer(){
	interval = setInterval('gallery()',6200);
}

function slideShow() {
	$('#gallery a').css('opacity', '0.0');
	$('#gallery a:first').css('opacity', '1.0');
	gallery();
	galleryTimer();
}