// Au lancement de la page
window.addEvent('domready', function(){
	// Initialisation des styles (animation désactivée pour les navigateurs avec JS désactivé)
	function animationStylesInit(newOpacity){
		$('divAnimation').setStyles({
			'opacity': newOpacity,
			'display': 'block',
			'width': 1300,
			'left': 0
		});
	}
	// Largeur réduite
	function animationSlideOut(){
		fx.start({
			'width': 317
		});
	}
	// Opacité réduite à 0
	function animationFadeOut(){
		fx2.start({
			'opacity': 0
		});
	}
	// Animation supprimée
	function animationDisappear(){
		$('divAnimation').setStyle('display', 'none');
	}
	// Effet de glissement vers la gauche
	var fx = new Fx.Styles('divAnimation', {
		duration: 2000,
		wait:true,
		onComplete: animationFadeOut
	});
	// Effet de disparition
	var fx2 = new Fx.Styles('divAnimation', {
		duration: 200,
		wait:true,
		onComplete: animationDisappear
	});
	
	// C'est parti !
	animationStylesInit(.5); // Initialisation des styles
 	animationSlideOut(); // Début des effets
});