/* ############################################################### */
/* ############## COVERTHEME AFFICHE DE FRANCE ################### */
/* ############################################################### */


var Timer01=null, Timer02=null, Timer03=null, Timer04=null, Timer05=null;
var Timer06=null, Timer07=null, Timer08=null, Timer09=null;

// CONFIGURATION //
var WAITTIMECOVER = 7500; // temps d'affichage
var COVERDOSSIER = "covers/"; // Dossier ou se trouve les images
var MINICOVERDOSSIER = "photos/"; // Dossier ou se trouve les covers (affiche)
var WAITTIMEMINICOVERS = 600; // temps d'affichage de chaque mini covers
var WAITTIMEFADEMINI = 800; // Temps pour faire disparaitre les mini
var AFFICHEDEPAUSE = false; // Si le bouton pause/lecture apparait
// CONFIGURATION //


// Affiche à l'arrivage
var CoverThemeID=1;
var StatutName = "Pause";


// Lancement de l'animation
function AfficheDeFrance(){	
	// Montre le menu
	MenuDeFrance(CoverThemeID);

	// Calcule le suivant pour le preload
	NextID=CoverThemeID+1; if(NextID>CoverMax) NextID=1;

	AfficheLePreload(NextID);
	// Change les titres de la grande image
	AfficheDeConfig(CoverThemeID);
	// Cover en bas (avec effet un par un)
	AfficheDeMiniCover(CoverThemeID);
	// Cache après 7secondes (dont 2 d'animation des mini covers)
	AfficheDeStart();
}


// Cache les affiche
function CacheDeFrance(){
	AfficheDeCacheMini(CoverThemeID);
	so_xfade(); CoverThemeID++; if(CoverThemeID>CoverMax) CoverThemeID=1;
	clearTimeout(Timer02);
	Timer02=setTimeout( function(){ AfficheDeFrance(); }, 50);
}


// Démarre le timer pour l'animation suivante
function AfficheDeStart(){
	clearTimeout(NEXTCOVERTHEME);
	NEXTCOVERTHEME = setTimeout( CacheDeFrance, WAITTIMECOVER );	
}




// Configure la grande image
function AfficheDeConfig(CoverThemeID){
	$("#CoverBigContainer").attr("title",CoverThemeTitre[CoverThemeID]); // balise A
//	$("#CoverBigContainer").attr("href",CoverThemeLink[CoverThemeID]); // balise A	
	// CHANGE LE HREF DANS LE FADE
}



// Cache les mini covers
function AfficheDeCacheMini(CoverThemeID){
	for(i=1;i<=CoverMax;i++){
		if(i==CoverThemeID)
			$("#CoverImages"+i+" > a, #CoverImages"+i+" > div.hide").each(function(){ $(this).fadeOut(WAITTIMEFADEMINI); });
		else
			$("#CoverImages"+i+" > a, #CoverImages"+i+" > div.hide").each(function(){ $(this).hide(); });

		$("#CoverImages"+i).hide();
	}
}


// Affiche de Mini cover 
function AfficheDeMiniCover(CoverThemeID){
	$("#CoverImages"+CoverThemeID).show();
	clearTimeout(Timer03);
	clearTimeout(Timer04);
	clearTimeout(Timer05);
	clearTimeout(Timer06);
	clearTimeout(Timer07);

	Timer03=setTimeout( function(){ $('#CoverImages'+CoverThemeID+' > .CoverImage1').show();/*fadeIn(WAITTIMEMINICOVERS);*/ }, 10);
	Timer04=setTimeout( function(){ $('#CoverImages'+CoverThemeID+' > .CoverImage2').show();/*fadeIn(WAITTIMEMINICOVERS);*/ }, 10+WAITTIMEMINICOVERS);
	Timer05=setTimeout( function(){ $('#CoverImages'+CoverThemeID+' > .CoverImage3').show();/*fadeIn(WAITTIMEMINICOVERS);*/ }, 10+(2*WAITTIMEMINICOVERS));
	Timer06=setTimeout( function(){ $('#CoverImages'+CoverThemeID+' > .CoverImage4').show();/*fadeIn(WAITTIMEMINICOVERS);*/ }, 10+(3*WAITTIMEMINICOVERS));
	Timer07=setTimeout( function(){ $('#CoverImages'+CoverThemeID+' > .CoverImage5').show();/*fadeIn(WAITTIMEMINICOVERS);*/ }, 10+(4*WAITTIMEMINICOVERS));	
}


// Préchargement Grande image & Covers
function AfficheLePreload(NextID){
	$("#CoverBig"+NextID).attr("src",COVERDOSSIER+CoverTheme[NextID]);
	$('#CoverImages'+NextID+' > .CoverImage1 > span > img').attr("src",MINICOVERDOSSIER+CoverImage1[NextID]);
	$('#CoverImages'+NextID+' > .CoverImage2 > span > img').attr("src",MINICOVERDOSSIER+CoverImage2[NextID]);
	$('#CoverImages'+NextID+' > .CoverImage3 > span > img').attr("src",MINICOVERDOSSIER+CoverImage3[NextID]);
	$('#CoverImages'+NextID+' > .CoverImage4 > span > img').attr("src",MINICOVERDOSSIER+CoverImage4[NextID]);
	$('#CoverImages'+NextID+' > .CoverImage5 > span > img').attr("src",MINICOVERDOSSIER+CoverImage5[NextID]);
}




/* ################ */
/* ##### MENU ##### */
/* ################ */


// Affiche un menu sans action
function MenuDeFranceBlock(ID){
	var menu = "";
	for(i=1;i<=CoverMax;i++){
		if(i!=1) menu += " ";
		if(i==ID){
			menu += "<span class='select'>"+i+"</span>";
		}else{
			menu += '<span><a href="javascript:;" title="'+CoverThemeTitre[i]+'">'+i+'</a></span>';
		}
	}
	if(AFFICHEDEPAUSE==true) menu += ' <a href="javascript:;" title="'+StatutName+'">'+StatutName+'</a>';
	$("#CoverThemeMenu").show().html(menu);
	$("#CoverThemeMenu > span").each(function(){ $(this).css({'z-index':'1000',filter: 'alpha(Opacity=100)'}); });
}


// Affiche le menu
function MenuDeFrance(ID){
	var menu = "";
	for(i=1;i<=CoverMax;i++){
		if(i!=1) menu += " ";
		if(i==ID){
			menu += "<span class='select'>"+i+"</span>";
		}else{
			menu += '<span><a href="javascript:;" onclick="ChangeDeFrance('+i+')" title="'+CoverThemeTitre[i]+'">'+i+'</a></span>';
		}
	}
	if(AFFICHEDEPAUSE==true) menu += ' <a href="javascript:;" onclick="StatutDeFrance()" title="'+StatutName+'">'+StatutName+'</a>';
	$("#CoverThemeMenu").show().html(menu);
	$("#CoverThemeMenu > span").each(function(){ $(this).css({'z-index':'1000',filter: 'alpha(Opacity=100)'}); });
}


// Change le status a Play ou Pause
function StatutDeFrance(mode){
	if(mode=="off"||(StatutName=="Pause"&&mode!="on")){
		clearTimeout(NEXTCOVERTHEME); 
		PauseXfade=true;
		StatutName="Lecture";
	}else if(mode=="on"||StatutName=="Lecture"){
		PauseXfade=false;
		StatutName="Pause";
		AfficheDeStart();
	}
}


// Change l'image courante & ces mini covers & stop animation
function ChangeDeFrance(ID){
	AfficheLePreload(ID);
	StatutDeFrance('off');
	clearTimeout(Timer07);
	Timer08 = setTimeout( function(){ 
		PauseXfade=false;
		if(alter_xfade(currentXfade,ID-1)!=false){
			AfficheDeCacheMini(currentXfade+1);
			AfficheDeConfig(ID);
			AfficheDeMiniCover(ID);
			NextID=ID+1; if(NextID>CoverMax) NextID=1;
			AfficheLePreload(NextID);
			AfficheDeStart();
		}
	}, 600 );
}
	
	
$(document).ready(function(){
	$('div#CoverBigImage').fadeIn(1500); // Fait apparaitre la première image

	NEXTCOVERTHEME = setTimeout( function(){ AfficheDeFrance(CoverThemeID); }, 1000 );	// Lance l'animation

	var ID = $($("#CoverBigContainer > img")[0]).attr('rel');
	$("#CoverBigContainer").attr('href','cover.redirect.php?ID='+ID);

});




/* ########################################################## */
/* #################### XFADE SCRIPT ######################## */
/* ########################################################## */
window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
var d=document, imgsList = new Array(), zInterval = null, currentXfade=0, PauseXfade=false;


function so_init() {
	if(!d.getElementById || !d.createElement)return;
	imgsList = d.getElementById("CoverBigContainer").getElementsByTagName("img");
	for(i=1;i<imgsList.length;i++) imgsList[i].xOpacity = 0;
	imgsList[0].style.display = "block";
	imgsList[0].xOpacity = .99;
}


function setOpacity(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = .99;
		return;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}


function alter_xfade(Img1, Img2){
	if(imgsList[Img1]&&imgsList[Img2]) {
		MenuDeFranceBlock(Img2+1);
		var m1 = Img1;
		var m2 = Img2;
		cOpacity = imgsList[m1].xOpacity;
		nOpacity = imgsList[m2].xOpacity;
		cOpacity-=.05; 
		nOpacity+=.05;
		imgsList[m2].style.display = "block";
		imgsList[m1].xOpacity = cOpacity;
		imgsList[m2].xOpacity = nOpacity;
		
		setOpacity(imgsList[m1]); 
		setOpacity(imgsList[m2]);
		
		if(cOpacity<=0) {
			imgsList[m1].style.display = "none";
			currentXfade = m2;
			CoverThemeID = m2+1;
			if(CoverThemeID>CoverMax) CoverThemeID=1;
			MenuDeFrance(Img2+1);

			var ID = $(imgsList[currentXfade]).attr('rel');
			$.get('cover.stats.php?ID='+ID);
			$("#CoverBigContainer").attr("href",'cover.redirect.php?ID='+ID);
			$("#CoverImages a").attr('href','cover.redirect.php?ID='+ID+'&mode=2');

		} else {
			clearTimeout(Timer09);
			Timer09=setTimeout(function(){ alter_xfade(m1,m2); } ,50);
		}
	}else{
		return false;	
	}
}


function so_xfade() {
	cOpacity = imgsList[currentXfade].xOpacity;
	nIndex = imgsList[currentXfade+1]?currentXfade+1:0;
	
	MenuDeFranceBlock(nIndex+1);


	nOpacity = imgsList[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgsList[nIndex].style.display = "block";
	imgsList[currentXfade].xOpacity = cOpacity;
	imgsList[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgsList[currentXfade]); 
	setOpacity(imgsList[nIndex]);
	
	if(cOpacity<=0) {
		imgsList[currentXfade].style.display = "none";
		currentXfade = nIndex;
		MenuDeFrance(nIndex+1);

		var ID = $(imgsList[currentXfade]).attr('rel');
		$.get('cover.stats.php?ID='+ID);
		$("#CoverBigContainer").attr("href",'cover.redirect.php?ID='+ID);
		$("#CoverImages a").attr('href','cover.redirect.php?ID='+ID+'&mode=2');

	} else {
		clearTimeout(Timer01);
		if(PauseXfade==false) Timer01=setTimeout(so_xfade,50);
	}	
}