window.addEvent('domready', function() {

	//************************ SLIDE SOUS-MENU ************************
	if($('slide')) {
		$('slide').setStyle('display', 'block');
		var myVerticalSlide = new Fx.Slide('slide');
		myVerticalSlide.hide().toggle();
	}
	
	//************************ LARGEUR MENU CATEGORIES ************************
	if($('menuCategories')) {
		var menuCatA = $('menuCategories').getElements('dt a');
		var menuCatB = $('menuCategories').getElements('dd a');
		var liensMenu = menuCatA.concat(menuCatB);
		var largeurMenu = 0;
		liensMenu.each( function(e){
			if(e.offsetWidth > largeurMenu) largeurMenu = e.offsetWidth;					   	
		});
		//$('menuCategories').setStyle('width', largeurMenu+4+"px");
		
		$('colG').setStyle('width', largeurMenu+34+"px");
	}
	//************************ ANIM + CENTRAGE MENU ************************
	
	var largeur = 0;
	
	$('menu').getElements('dt').each( function(e){
											   
		largeur += e.offsetWidth + 3; // 10 = marge
		$('menu').style.width = largeur+ 'px';
									   
		var list = e.getElement('a');
		var myEffect = new Fx.Tween(list, {duration:300, wait:false});
		myEffect.start('background-color', '#B9CC22');		
		list.addEvents ({
	
			'mouseover' : function(){
				myEffect.start('background-color', '#FFCA6F');
				//myEffect.start('color', '#036');
			},
				
			'mouseleave' : function(){
				myEffect.start('background-color', '#B9CC22');
			}
		});
	});
	
	//************************ ANIM TABLEAU CATEGORIES ************************
	
	if($('tableauCategories') || $('scCellule')) {
	
		$('tableauCategories').getElements('.categorieCellule').each( function(e){
													   
			var list = e.getElement('a');
			var myEffect = new Fx.Tween(list, {duration:250, wait:false});
			myEffect.start('color', '#003366');
			list.addEvents ({
		
				'mouseover' : function(){
					myEffect.start('color', '#FF6600');
				},
					
				'mouseleave' : function(){
					myEffect.start('color', '#003366');
				}
			});
		});
	}
	
	if($('tableauCompte')) {
	
		$('tableauCompte').getElements('.compteCellule').each( function(e){
													   
			var list = e.getElement('a');
			var myEffect = new Fx.Tween(list, {duration:250, wait:false});
			myEffect.start('color', '#003366');
			list.addEvents ({
		
				'mouseover' : function(){
					myEffect.start('color', '#FF6600');
				},
					
				'mouseleave' : function(){
					myEffect.start('color', '#003366');
				}
			});
		});
		
		$('slideTableauMenuCompte').getElements('.compteCellule').each( function(e){
													   
			var list = e.getElement('a');
			var myEffect = new Fx.Tween(list, {duration:250, wait:false});
			myEffect.start('color', '#003366');
			list.addEvents ({
		
				'mouseover' : function(){
					myEffect.start('color', '#FF6600');
				},
					
				'mouseleave' : function(){
					myEffect.start('color', '#003366');
				}
			});
		});
		
		// SLIDE 

		var slideTableauMenuCompte = new Fx.Slide('slideTableauMenuCompte');
		slideTableauMenuCompte.hide();
		$('deroulerderoulerTableauMenuCompte').addEvent('click', function(e){
			e.stop();
			slideTableauMenuCompte.toggle();
		});
	}
	
	
	// TABLEAU ARTICLES, POUR DONNER LA MÊME HAUTEUR A CHAQUE ELEMENT DE CELLULE (H1, H2, ETC...)
	
	if($('tableauArticles')) {		
		hauteurContenuArticle('tableauArticles');
	}
	
	if($('nouveautes')) {		
		hauteurContenuArticle('nouveautes');
	}
	
	// VERTICAL TOGGLE OPTIONS ARTICLES
	
	for(i=0; i<5; i++) {
		
		var deroulerListeOptions = 'deroulerListeOptions'+i;
		var listeOptions = 'listeOptions'+i;
		
		if($(listeOptions)) {

			var VerticalSlide = new Fx.Slide(listeOptions);
			VerticalSlide.hide();
			$(deroulerListeOptions).addEvent('click', function(e){
				e.stop();
				VerticalSlide.toggle();
			});
		}	
	}

	//************************ ANIM BANNIERE ************************

	var titreBanniere = $('titreBanniere');
	titreBanniere.setStyle('color', '#F86200');

	var couleurTitre = new Fx.Tween('titreBanniere',{duration: 7000, transition: Fx.Transitions.Sine.easeIn});

	couleurTitre.start('color', '#3CADCF', '#003366');
	
	var logoSoleil = $('banniereSoleilNuage');
	//logoSoleil.setStyle('display', 'block');
	logoSoleil.setStyle('opacity', 0);
	

	var morph = new Fx.Morph('banniereSoleilNuage',{duration: 4000, transition: Fx.Transitions.Sine.easeIn});

	morph.start({
		opacity: 1
	});
});