/************/
/* BANDEAUX */
/************/

/* Paramètres */
var timerBandeau = null;
var bandeau_aff_index = null;
var lstBandeaux = new Array();
var nb_bandeau_aff = 4; // 0-3 (4 images possibles)
var tempsBandeau = 4; // nb de secondes avant de passer à la prochaine image
var en_defilement = true; // Indique si les bandeaux défilent

function cacherBandeaux() // On cache tous les bandeaux au chargement de la page (opacity = 0)
{
	for (var i=0; i<nb_bandeau_aff; i++)
	{
		$("GalerieBandeau" + i).setStyles({
			'opacity': '0',
			'display': 'block'
		});
	}
}

function ChangerBandeau(p_precedent)
{
	var currIndex = bandeau_aff_index;
	
	if (!p_precedent) // Si on veut le suivant
	{
		if (nb_bandeau_aff-1 > bandeau_aff_index)
			bandeau_aff_index++;
		else
			bandeau_aff_index = 0;
	}
	else // On veut le précédent
	{
		if (bandeau_aff_index > 0)
			bandeau_aff_index--;
		else
			bandeau_aff_index = nb_bandeau_aff-1;
	}
	
	
	$("GalerieBandeau" + lstBandeaux[currIndex]).tween('opacity', '0');
	$("GalerieBandeau" + lstBandeaux[bandeau_aff_index]).tween('opacity', '1');
}

function BandeauPrecedent()
{
	// Reset le timer
	$clear(timerBandeau);
	
	if (en_defilement)
		timerBandeau = ChangerBandeau.periodical(tempsBandeau * 1000);
	
	// Change le bandeau
	ChangerBandeau(true);
	return false;
}
function BandeauPause()
{
	// Stop le timer
	$clear(timerBandeau);
	
	en_defilement = false;
	
	$("BandeauAccueilPause").setStyle('visibility','hidden');
	$("BandeauAccueilPlay").setStyle('visibility','visible');
	return false;
}
function BandeauPlay()
{
	timerBandeau = ChangerBandeau.periodical(tempsBandeau * 1000);
	
	en_defilement = true;
	
	$("BandeauAccueilPlay").setStyle('visibility','hidden');
	$("BandeauAccueilPause").setStyle('visibility','visible');
	
	// Change le bandeau au suivant
	ChangerBandeau(false);
	return false;
}
function BandeauSuivant()
{
	// Reset le timer
	$clear(timerBandeau);
	
	if (en_defilement)
		timerBandeau = ChangerBandeau.periodical(tempsBandeau * 1000);
	
	// Change le bandeau
	ChangerBandeau(false);
	return false;
}



/****************/
/* ALERTE POPUP */
/****************/
function MontrerAlerte()
{
	$("BoiteModale").tween('opacity', '0.65');
	$("AlertePopup").tween('opacity', '1');
}

function CacherAlerte()
{
	$("AlertePopup").tween('opacity', '0');
	$("BoiteModale").tween('opacity', '0');
}




function PageLoad()
{
	/****************/
	/* ALERTE POPUP */
	/****************/
	
	if ($('AlertePopup'))
	{
		// Cacher le popup
		$("AlertePopup").setStyle('opacity', '0');
		
		
		var Overlay = new Element('div', {
		'id': 'BoiteModale',
		'styles': {
			'display': 'block',
			'z-index': 65000,
			'position': 'absolute',
			'top': '0',
			'left': '0',
			'background-color': '#000',
			'opacity': 0,
			'height': window.getScrollHeight() + 'px',
			'width': window.getScrollWidth() + 'px'
		}
		}).injectInside(document.body);
		 
		Overlay.set({'events': {
				 'click': function(){ 
				 	CacherAlerte();
				 }
		}});
		
		
		
		// Placer au centre de la page
		var alerte= new Fx.Move($('AlertePopup'));
		alerte.start({
			relativeTo: document.body,
			position: 'center',
			edge: false,
			offset: {x:0,y:0}
		}).chain(function() {
					MontrerAlerte();
				 });
		
	}
	
	
	/************/
	/* BANDEAUX */
	/************/
	cacherBandeaux();
	
	$('BandeauAccueilPrec').addEvent('click', BandeauPrecedent);
	//$('BandeauAccueilPrec').addEvent('keypress', BandeauPrecedent);
	$('BandeauAccueilPause').addEvent('click', BandeauPause);
	//$('BandeauAccueilPause').addEvent('keypress', BandeauPause);
	$('BandeauAccueilPlay').addEvent('click', BandeauPlay);
	//$('BandeauAccueilPlay').addEvent('keypress', BandeauPlay);
	$('BandeauAccueilSuiv').addEvent('click', BandeauSuivant);
	//$('BandeauAccueilSuiv').addEvent('keypress', BandeauSuivant);
	
	var finished = false;
	var nb_tires = 0;
	var sortie = false;
	var i = 0;
	while (!finished)
	{
		// Premier Bandeau forcé (Spécial, #4)
		/*if (nb_tires == 0)
			bandeau_aff_index = 4;
		else
		{*/
			// Bandeau dispo aléatoire
			bandeau_aff_index = Math.floor(Math.random() * nb_bandeau_aff);
		//}
		
		// On vérifie qu'il n'a pas été tiré dans la liste crée
		sortie = false
		for (i=0; i<nb_tires; i++)
		{
			if (lstBandeaux[i] == bandeau_aff_index)
				sortie = true;
		}
		
		if (!sortie)
		{
			if (nb_tires == 0 && bandeau_aff_index == 0) // On ne veut pas le bandeau SAEM en premier (#0)
			{ }
			else
			{
				// OK on l'ajoute
				lstBandeaux[nb_tires] = bandeau_aff_index;
				nb_tires++;
				
				// Si terminé
				if (nb_tires == nb_bandeau_aff)
					finished = true;
			}
		}
	}
	
	// Debug
	/*for (i=0; i<nb_bandeau_aff; i++)
	{
		alert(lstBandeaux[i]);
	}*/
	bandeau_aff_index = 0; // Premier de la liste par défaut
	$("GalerieBandeau" + lstBandeaux[bandeau_aff_index]).setStyle('opacity', '1');
	
	if (en_defilement)
		timerBandeau = ChangerBandeau.periodical(tempsBandeau * 1000);
	//$clear(timerBandeau); // debug
	
	
	
	// Détection du problème de chargement du fichier styles.css
	// On vérifie un style défini dans le fichier normalement chargé.
	if ($('Page').getStyle('position') != 'relative')
	{
		//alert("Styles pas chargés");
		if ($('linkStyles'))
		{
			$('linkStyles').href = "/siteweb/css/vide.css";
			$('linkStyles').href = "/siteweb/css/styles.css";
		}
	}
}


/* DomReady Event fires when all Elements are ready, but not images. */
window.addEvent('domready', PageLoad);