window.addEvent('domready', function(){
	/*
		Préchargement
	*/
	
	if($('ombrage-m-metier-small')) { /* Si on a affaire à un menu avec ombrage pour sousmenu picto */
		$('logo').set('tween', {duration: 1500, transition: Fx.Transitions.Bounce.easeOut}).tween('left', [-300, 0]);
		var myFunction = function() { $('ombrage-m-metier-small').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]) };	
		var timeoutID = myFunction.delay(1500);
	} else {
		$('logo').set('tween', {duration: 1500, transition: Fx.Transitions.Bounce.easeOut}).tween('left', [-300, 0]); 
	}
	
	if($('edito')) $('edito').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
	$('footer').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]); 
	

	/*
		Titrage act 
	*/

	/*if($('l1')) {
		if ( !$('l1').hasClass('act') ) $('p1over').style.opacity=0.01;
		else $('p1over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l2').hasClass('act') ) $('p2over').style.opacity=0.01;
		else $('p2over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l3').hasClass('act') ) $('p3over').style.opacity=0;
		else $('p3over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l4').hasClass('act') ) $('p4over').style.opacity=0;
		else $('p4over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l5').hasClass('act') ) $('p5over').style.opacity=0;
		else $('p5over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l6').hasClass('act') ) $('p6over').style.opacity=0;
		else $('p6over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l7').hasClass('act') ) $('p7over').style.opacity=0;
		else $('p7over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l8').hasClass('act') ) $('p8over').style.opacity=0;
		else $('p8over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
	}
	*/
	
	
	/*
		Gestion des news
	*/
	if($('news')) {
		var intPosition = 0;
		var containerBorder = 0;
		var containerHeight = 30;
		var myElement = $('container')
		var children = myElement.getChildren();
		var countChildren = children.length;
		
		$('container').set('tween', {duration: 700, transition: Fx.Transitions.Bounce.easeOut}).tween('top', [containerHeight,0]);
		$('btn-prec').addEvents({
			click: function(e){
				//var currentPosition = $('container').getStyle('top').toInt();
				e.stop();
				if (intPosition > 0)
					intPosition--;
				$('container').set('tween', {duration: 700, transition: Fx.Transitions.Bounce.easeOut}).tween('top', -(intPosition*(containerHeight+containerBorder)) );
			}
		});
	
		$('btn-suiv').addEvents({
			click: function(e){
				//var currentPosition = $('container').getStyle('top').toInt();
				e.stop();
				if (intPosition < countChildren-1)
					intPosition++;
				$('container').set('tween', {duration: 700, transition: Fx.Transitions.Bounce.easeOut}).tween('top', -(intPosition*(containerHeight+containerBorder)) );
			}
		});
	}

	/*
		Gestion des sousmenu
	*/
    var liWidth = 230;
    
    $$('.toSlide').each(function(el) {  
        //add click event  
        el.addEvent('mouseenter', function(e) {  
            e.stop(); 
			el.set('tween', {duration: 100, transition: Fx.Transitions.Sine.easeOut}).tween('margin-left', '10');
			//el.set('tween2', {duration: 100, transition: Fx.Transitions.Sine.easeOut}).tween('background-color', '#FFF');
			//el.set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('width', liWidth-10);
        });  
        el.addEvent('mouseleave', function(e) {  
            e.stop();  
			el.set('tween', {duration: 400, transition: Fx.Transitions.Sine.easeOut}).tween('margin-left', '0');
			//el.set('tween2', {duration: 100, transition: Fx.Transitions.Sine.easeOut}).tween('background-color', '#2a2a2a');
			//el.set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('width', liWidth);
        });  
    });  
    
    /* 
    	Header
    */
	$$('#header', '#ombrage-m-metier-small').addEvents({
		mouseenter: function(){
			$('logo').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-10');
			if($('ombrage-m-metier-small'))
				$('ombrage-m-metier-small').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-10');
			
			/*$('ombrage-m-metier-small').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [1,0]);*/
			/*$('m-metier-h').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [1,0]);
			$('m-metier-b').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [1,0]);*/
			//delete timeoutID2;
		},
		mouseleave: function(){
			$('logo').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('left', '0');
			if($('ombrage-m-metier-small'))
				$('ombrage-m-metier-small').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('left', '0');
			//var myFunction2 = function () {
			/*	$('ombrage-m-metier-small').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);*/
				/*$('m-metier-h').set('tween', {duration: 600, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
				$('m-metier-b').set('tween', {duration: 600, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);*/
				
			//}
			//delete timeoutID2;
			//var timeoutID2 = myFunction2.delay(1500);
		}
	});
	/*
		Gestion des textes de vignettes
	*/
	/*
	var callCount = 0;
	if($('up') && $('txt_bloc_2')) {
		$('up').addEvents({		
			click: function() {
				callCount = callCount+1;
				$('txt_bloc_1').set('html', '<strong>Call UP</strong> Changed text 1 / '+callCount);
				$('txt_bloc_2').set('html', '<strong>Call UP</strong> Changed text 2 / '+callCount);
				$('txt_bloc_3').set('html', '<strong>Call UP</strong> Changed text 2 / '+callCount);
				$('txt_bloc_4').set('html', '<strong>Call UP</strong> Changed text 2 / '+callCount);
				$('txt_bloc_5').set('html', '<strong>Call UP</strong> Changed text 2 / '+callCount);
				$('txt_bloc_6').set('html', '<strong>Call UP</strong> Changed text 2 / '+callCount);
			}
		});
		$('down').addEvents({		
			click: function() {
				callCount = callCount+1;
				$('txt_bloc_1').set('html', '<strong>Call DOWN</strong> Changed text 1 / '+callCount);
				$('txt_bloc_2').set('html', '<strong>Call DOWN</strong> Changed text 2 / '+callCount);
				$('txt_bloc_3').set('html', '<strong>Call DOWN</strong> Changed text 2 / '+callCount);
				$('txt_bloc_4').set('html', '<strong>Call DOWN</strong> Changed text 2 / '+callCount);
				$('txt_bloc_5').set('html', '<strong>Call DOWN</strong> Changed text 2 / '+callCount);
				$('txt_bloc_6').set('html', '<strong>Call DOWN</strong> Changed text 2 / '+callCount);
			}
		});
	}
	*/
	/*
		Gestion du menu Homepage
	*/	
	var fullOpacity = 1;
	if($('m-metier-h').hasClass('small') == true)
		fullOpacity = 0.4;


	if($('m-metier-h') && $('m-metier-b')) {
		$('l1').addEvents({
			
			mouseenter: function(){
				$('p1').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p1over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t1').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p1').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l1').hasClass('act') ) $('p1over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p1over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t1').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		$('l2').addEvents({
			mouseenter: function(){
				$('p2').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p2over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t2').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p2').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l2').hasClass('act') ) $('p2over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p2over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t2').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		$('l3').addEvents({
			mouseenter: function(){
				$('p3').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p3over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t3').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p3').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l3').hasClass('act') ) $('p3over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p3over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t3').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});	
		$('l4').addEvents({
			mouseenter: function(){
				$('p4').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p4over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t4').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p4').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l4').hasClass('act') ) $('p4over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p4over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t4').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		$('l5').addEvents({
			'mouseenter': function(){
				$('p5').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p5over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t5').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p5').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l5').hasClass('act') ) $('p5over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p5over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t5').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		
		$('l6').addEvents({
			mouseenter: function(){
				$('p6').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p6over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t6').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p6').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l6').hasClass('act') ) $('p6over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p6over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t6').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		$('l7').addEvents({
			mouseenter: function(){
				$('p7').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p7over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t7').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p7').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l7').hasClass('act') ) $('p7over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p7over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t7').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
		
		$('l8').addEvents({
			mouseenter: function(){
				$('p8').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				$('p8over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t8').set('tween', {duration: 900, transition: Fx.Transitions.Back.easeOut}).tween('left', '10');
				click.play();
			},
			mouseleave: function(){
				$('p8').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
				if ( !$('l8').hasClass('act') ) $('p8over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
				else $('p8over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
				$('t8').set('tween', {duration: 900, transition: Fx.Transitions.Sine.easeOut}).tween('left', '-650');
			}
		});
	}

/*
Gestion d'une list ul
var list = $$('#idList li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-left': 5,
			'background-color': '#666',
			color: '#ff8'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 0,
			'background-color': '#333',
			'color': '#888'
		});
	});
 
});

*/
/*
menu accordeon, other and this
var szNormal = 117, szSmall  = 100, szFull   = 219;
 
var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
	kwick.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
		kwicks.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("width").toInt();
				if(w != szSmall) o[j] = {width: [w, szSmall]};
			}
		});
		fx.start(o);
	});
});
 
$("kwicks").addEvent("mouseleave", function(event) {
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx.start(o);
})
*/


/* TIMER 

var imgCount = 0;
var addImage = function(image) {
	var el     = new Element('div', {'class': 'preview'});
	var name   = new Element('h3').setHTML(++imgCount +'. '+ image.name).injectInside(el);
	var desc   = new Element('span').setHTML(image.description).injectAfter(name);
	var img    = new Element('img', {'src': '/demos/Chain.Periodical/img/' + image.src}).injectAfter(desc);
	var footer = new Element('span').injectAfter(img);
	if (image.views > 250) footer.setHTML('Super Popular!').addClass('SUPERpopular');
    else if (image.views > 50) footer.setHTML('Popular').addClass('popular');
	else footer.addClass('normal');
	el.injectTop($('gallery'));	
}
 
$("addImages").addEvent("click", function(e) {
	var images  = [{"name":"Blue Earth", "src":"earth-blue.jpg", "description":"A blue version of Earth.", "views":200},{"name":"User Profile", "src":"user.jpg", "description":"A chubby user guy.", "views":0},{"name":"Mouse", "src":"mouse.jpg", "description":"Standard mouse icon.", "views":99},{"name":"Gold Earth", "src":"earth-gold.jpg", "description":"A gold version of Earth.", "views":7855},{"name":"Page and Pencil", "src":"edit.jpg", "description":"A piece of paper and a pencil.", "views":5},{"name":"Speaker", "src":"speaker.jpg", "description":"A speaker.", "views":16},{"name":"Orange Monitor", "src":"monitor.jpg", "description":"A yellow, glowing monitor.", "views":355},{"name":"Software Box", "src":"package.jpg", "description":"A nice wrapped package in a box.", "views":23452},{"name":"FIRE!!!!", "src":"fire.jpg", "description":"Orange flame.", "views":395},{"name":"Screwdriver Paper", "src":"setting.jpg", "description":"A screwdriver in front of a piece of paper.", "views":42}];
	var myChain = new Chain();
	images.each(function(image) { myChain.chain( function(){ addImage(image); } ); });
	var runChain = function() { 
		myChain.callChain();
		if (myChain.chains.length == 0) { runChain = $clear(timer); } 
	}
	var timer = runChain.periodical(500);
	new Event(e).stop();
});
*/

/*
var box = $('box'), log = $('log');
var fx = box.effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});
 
$('start').addEvent('click', function() {
	log.setHTML('starting...');
	fx.start({
		'width': 300,
		'height': 210
	}).chain(function(){
		// executes immediately after completion of above effect
		log.setHTML('First effect completed (1/5)');
		this.start({
			'opacity': .3
		});
	}).chain(function() {
		// executes 5 seconds after completion of above effect
		log.setHTML('Second effect completed (2/5).<br />Waiting 5 seconds before starting third.');
		this.start.delay(5000, this, {
			'opacity': 1
		});
	}).chain(function() {
		// executes 2 seconds after completion of above effect
		log.setHTML('Third effect completed (3/5).<br />Waiting 2 seconds before starting fourth.');
		this.start.delay(2000, this, {
			'background-color': '#89c577'
		});
	}).chain(function() {
		// executes 1 seconds after completion of above effect
		log.setHTML('Fourth effect completed (4/5).<br />Waiting 1 second before starting fifth.');
		this.start.delay(1000, this, {
			'background-color': '#4f8096',
			'width': 100,
			'height': 70
		});
	}).chain(function() {
		// executes immediately after completion of above effect
		log.setHTML('Fifth effect completed (5/5).');
	});
});
*/

/*

window.addEvent('domready', function() {
var list = $$('a');
list.each(function(element) {
        var fx = new Fx.Styles(element, {duration:500, wait:false});
        element.addEvent('mouseenter', function(){
                fx.start({
                        'color': '#999'
                });
        });

        element.addEvent('mouseout', function(){
                fx.start({
                        'color': '#000',
                });
        });

});

*/





// 		var el = $('p2'),
//		color = el.getStyle('backgroundColor');
	/*$('footer').addEvents({
		'load': function(){
			$('footer').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		}
	});
	*/	
	//$('container').setStyle('top', '0');
	/*var currentPosition = $('container').getStyle('top').toInt();
	alert(currentPosition);*/
/*		var toSlides = $$('.toSlide');

		toSlides.each(function(i) {
			mouseenter: function(){
				$('toSlide').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
			},
			mouseleave: function(){
				$$('toSlide').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
			}
		});
		
*/		
    //for every switch-view link  	
	
	

/*		$('p1').addEvents({
		mouseenter: function(){
			$('p1').set('tween', {duration: 200, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
			$('p1over').set('tween', {duration: 150, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');
		},
		mouseleave: function(){
			$('p1').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', fullOpacity);
			$('p1over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		}
	});*/
	

	/*$('p2-over').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p2');

		},
		mouseleave: function(){
			// Morphes back to the original style			
			//var result = this.hasClass('act');
			//if ( result != true ) {
				this.morph('.myOut_p2');

			//} else {
			//	this.morph('.myOutAct_p2');				
			//}
		}
	});
	*/
	/*
	$('p3').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p3');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p3');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});
	
	$('p4').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p4');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p4');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});
	
	$('p5').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p5');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p5');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});
	
	$('p6').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p6');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p6');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});
	
	$('p7').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p7');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p7');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});

	$('p8').addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.set('morph', {duration:200, transition: Fx.Transitions.Quad.easeOut}).morph('.myHover_p8');
		},
		mouseleave: function(){
			// Morphes back to the original style			
			var result = this.hasClass('act');
			if ( result != true ) {
				this.morph('.myOut_p8');
			} else {
				this.morph('.myHlMenuEffect');				
			}
		}
	});*/
});



window.addEvent('load', function(){
	if($('loading')) {
		$('loading').style.display = "none";
	}
		
	/*
		Gestion du son
	*/
	
	$$('a', 'div.bloc').addEvent('mouseenter', function(){
		roll.play();
	});
	$$('a', 'div.bloc').addEvent('click', function(){
		click.play();
	});
	
	
	var fullOpacity = 1;
	if($('m-metier-h').hasClass('small'))
		fullOpacity = 0.4;

	if($('l1')) {
		$('p1').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l1').hasClass('act') ) $('p1over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p1over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p2').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l2').hasClass('act') ) $('p2over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p2over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p3').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l3').hasClass('act') ) $('p3over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p3over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p4').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l4').hasClass('act') ) $('p4over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p4over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p5').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l5').hasClass('act') ) $('p5over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p5over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p6').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l6').hasClass('act') ) $('p6over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p6over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p7').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l7').hasClass('act') ) $('p7over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p7over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);

		$('p8').set('tween', {duration: 1000, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,fullOpacity]);
		if ( $('l8').hasClass('act') ) $('p8over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,1]);
		else $('p8over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', [0,0]);
	
	
	}

	/*if($('l1')) {
		if ( !$('l1').hasClass('act') ) $('p1over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p1over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l2').hasClass('act') ) $('p2over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p2over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l3').hasClass('act') ) $('p3over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p3over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l4').hasClass('act') ) $('p4over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p4over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l5').hasClass('act') ) $('p5over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p5over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l6').hasClass('act') ) $('p6over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p6over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l7').hasClass('act') ) $('p7over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p7over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		if ( !$('l8').hasClass('act') ) $('p8over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		else $('p8over').set('tween', {duration: 500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '1');

		/*$('p2over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p3over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p4over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p5over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p6over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p7over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		$('p8over').set('tween', {duration: 1500, transition: Fx.Transitions.Sine.easeOut}).tween('opacity', '0');
		
	}*/
});