window.addEvent('domready', function() 
{
	scripter();
	fenetre(); 
	bulle(); 
	chute();
	fondu();
	cascade(); 
	commentaire();  /* CSS pour placer l'ajout de commentaires en haut de la page du livre d'or. */
	login();		
	newsfondu();
//	newscascade();	 /* Les effets de transitions sont des cascades, mais le tout est moins fluide */
});


function scripter() 
{	
	if ($(document.body).getElements('div[id=scripter]').length==1) /* Si il existe un scripter */
	{
		var s = $('scripter');
		s.setStyle('font-size', '10px');
		var l = s.get('text'); /* Alors on recupere son texte */
		s.innerHTML = " ";
		var i = 1;
		var ecrire = function()
		{
			i++;
			s.set('html', l.substr(0,i)); /* Et on l'affiche lettre par lettre */
			if (i==l.length+30) i = 1; /* On revient au depart quand le texte est entierement affiche */
		}.periodical(200); /* Frequence d'affichage des lettres, ici : toutes les 0,2 secondes */
	}
	
	if ($(document.body).getElements('div[id=scriptergris]').length==1) 
	{
		var sg = $('scriptergris');
		sg.setStyle('color', '#6C8089');
		sg.setStyle('font-size', '11px');
		var lg = sg.get('text');
		sg.innerHTML = " ";
		var ig = 1;
		var ecrireg = function()
		{
			ig++;
			sg.set('html', lg.substr(0,ig));
			if (i==lg.length+30) ig = 1;
		}.periodical(220);
	}
	
	if ($(document.body).getElements('div[id=scripterorange]').length==1) 
	{
		var so = $('scripterorange');
		so.setStyle('color', '#ab0e00');
		so.setStyle('font-size', '12px');
		var lo = so.get('text');
		so.innerHTML = " ";
		var io = 1;
		var ecrireo = function()
		{
			io++;
			so.set('html', lo.substr(0,io));
			if (io==lo.length+30) io = 1;
		}.periodical(240);
	}
};

function bulle() 
{	
	var bulle = new Tips($$('.bulle'),{className: 'tips'}); /* La classe 'tips' est definie dans chaque css */
};

function chute() 
{
	$$('.chute').set('slide', {duration: 1500, transition: 'back:out'}).slide('hide');
	var tombe = function() { $$('.chute').slide('in'); }.delay(700);	
};

function fondu() 
{
	$(document.body).getElements('div[id^=fondu]').fade('hide');
	var fond1 = function() { $('fondu1').fade('in'); }.delay(500);	
	var fond2 = function() { $('fondu2').fade('in'); }.delay(700);	
	var fond3 = function() { $('fondu3').fade('in'); }.delay(900);	
	var fond4 = function() { $('fondu4').fade('in'); }.delay(1100);	
	var fond5 = function() { $('fondu5').fade('in'); }.delay(1300);	
};

function cascade() 
{
	var intros = $(document.body).getElements('div[id^=intro]');
	intros.setStyle('cursor', 'pointer');
	var n = $(document.body).getElements('div[id^=cascade]').length; /* Compte le nombre d elements div commencant par cascade */
	var tableau = new Array();
	for (i=0; i<n; i++) /* Transforme chacun des n elements cascade en Slide mootools, tout en remplissant un tableau avec une boucle */
	{
		var temp = 'cascade' + i;
		tableau[i] = new Fx.Slide(temp , {transition: Fx.Transitions.Bounce.easeOut, duration: 1100}).hide();
	}
	intros.addEvent('click', function(e) /* Assigne a tous les blocs div commencant par intro un evenement lors du clic */
	{
		e = new Event(e);
		var y = this.id.substr(5,1); /* Recupere le numero de l id : il declenche l element cascade correspondant */
		tableau[y].toggle();
		e.stop();	
	});	
};

// function newscascade() 
// {
	// var actus = $(document.body).getElements('div[id^=actu]');
	// actus.setStyle('height', '300px');
	// var n = actus.length; 
	// var tableau = new Array();
	// for (i=0; i<n; i++) 
	// {
		// var temp = 'actu' + i;
		// tableau[i] = new Fx.Slide(temp , {duration: 1000, fps: 20, link: 'cancel'}).hide();
	// }
	// var y = 0
	// tableau[y].show();
	// var defilement = function() 
	// {
		// tableau[y].slideOut(); 
		// y++;
		// if (y==n) y = 0;
		// tableau[y].slideIn(); 
	// }.periodical(6000); 
// };

function newsfondu() 
{
	var actus = $(document.body).getElements('div[id^=actu]');
	actus.setStyle('height', '300px');
	var n = actus.length; /* Compte le nombre d elements div commencant par actu */
	var tab = new Array();
	for (i=0; i<n; i++) /* Transforme chacun des n elements actu en Slide mootools, tout en remplissant un tableau avec une boucle */
	{
		var temp = 'actu' + i;
		tab[i] = temp;
		$(temp).setStyle('display', 'none').fade('hide');
	}
	var y = 0
	$(tab[y]).setStyle('display', 'block').fade('in');
	var defilement = function() /* Fonction de defilement automatique */
	{
		$(tab[y]).fade('out'); /* Cache l'ancien element actu */
		$(tab[y]).setStyle('display', 'none');
		y++;
		if (y==n) y = 0;
		$(tab[y]).setStyle('display', 'block'); /* Affiche le bon element actu */
		$(tab[y]).fade('in');
	}.periodical(8000); /* Repete la fonction periodiquement */
};

function commentaire() 
{	
	$(document.body).getElements('div[id$=pnlAddComment]').setStyles(
	{ position: 'absolute', top: '310px', width: '555px' });
	$(document.body).getElements('div[id$=pnlComments]').setStyle('margin-top', '260px'); /* id$= Tout ce qui finit par...  // id^= tout ce qui commence par ... */
};

function login() 
{	
	if ((document.title!='Compte de connexion') && (document.title!='Accueil')) /* On laisse la fenetre visible pour les pages 'accueil' et 'compte de connexion' */
	{
		if ($('dnn_dnnLOGIN_cmdLogin').get('text')=='Connexion') /* Si le texte est 'connexion' */
		{	
			var log = $(document.body).getElements('div[id$=Login]').get('html'); /* On recupere le contenu html */
			$(document.body).getElements('div[id$=Login]').set('html', '<span id="croixl">X</span>', log); /* on ajoute la croix pour fermer */
			$(document.body).getElements('div[id$=Login]').setStyles(
			{ position: 'absolute', width: '200px', top: '30px', left: '10px', padding: '0 0 0 10px', background: '#fff', border: '1px outset #000' }).fade('hide'); /* on positionne la fenetre puis on la cache */
			$('dnn_dnnLOGIN_cmdLogin').addEvent('click', function(e)
				{ 
					e.stop(); 
					$(document.body).getElements('div[id$=Login]').fade('0.9'); /* la fenetre apparait */
				});
			$('croixl').addEvent('click', function(e)
			{ 
				e.stop(); 
				$(document.body).getElements('div[id$=Login]').fade('out'); /* la fenetre disparait */
			});
		} 
	}
};	

function fenetre() 
{	
	if ($(document.body).getElements('div[id=fenetre]').length==1) 
	{
		$('fenetre').setStyle('visibility', 'visible').fade('hide');
		$('ouverture').setStyle('cursor', 'pointer');
		var dedans = '<div style="margin: 20px 20px 0px 0px">'+$('fenetre').get('html')+'</div>';  
		$('fenetre').makeResizable({ limit: {x: [300, 800], y: [100, 400]} }); 
		$('fenetre').set('html', '<span id="croixf">X</span>', dedans);
		$('ouverture').addEvent('click', function(e)
		{ 
			e.stop(); 
			$('fenetre').fade('0.9'); 
		});
		$('croixf').addEvent('click', function(e)
		{ 
			e.stop(); 
			$('fenetre').fade('out'); 
		});
	}
};