window.addEvent('domready', function(){
  activeMootools();
});
function activeMootools(){
	var scroll = new Fx.Scroll('wrapper', {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	


	$('link1').setProperty('style','font-size:0;opacity:0;'); 
	$('Title').innerHTML = '<span class="onjoue">' + $('link1').innerHTML + '<\/span>';

	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content1');
		var fx = new Fx.Styles($('link1'), {duration:500, wait:false});fx.start({'font-size': 0, 'opacity': 0});
		var fx = new Fx.Styles($('link2'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link3'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link4'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link5'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		$('Title').innerHTML = '<span class="onjoue">' + $('link1').innerHTML + '<\/span>';
	});
	 
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content2');
		var fx = new Fx.Styles($('link2'), {duration:500, wait:false});fx.start({'font-size': 0, 'opacity': 0});
		var fx = new Fx.Styles($('link1'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link3'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link4'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link5'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		$('Title').innerHTML = '<span class="contact">' + $('link2').innerHTML + '<\/span>';
	});
	 
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content3');
		var fx = new Fx.Styles($('link3'), {duration:500, wait:false});fx.start({'font-size': 0, 'opacity': 0});
		var fx = new Fx.Styles($('link1'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link2'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link4'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link5'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		$('Title').innerHTML = '<span class="rencontre">' + $('link3').innerHTML + '<\/span>';
	});
	 
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content4');
		var fx = new Fx.Styles($('link4'), {duration:500, wait:false});fx.start({'font-size': 0, 'opacity': 0});
		var fx = new Fx.Styles($('link1'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link2'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link3'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link5'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		$('Title').innerHTML = '<span class="jeux">' + $('link4').innerHTML + '<\/span>';
	});

	$('link5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content5');
		var fx = new Fx.Styles($('link5'), {duration:500, wait:false});fx.start({'font-size': 0, 'opacity': 0});
		var fx = new Fx.Styles($('link1'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link2'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link3'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		var fx = new Fx.Styles($('link4'), {duration:500, wait:500});fx.start({'font-size': 14, 'opacity': 1});
		$('Title').innerHTML = '<span class="galerie">' + $('link5').innerHTML + '<\/span>';
	});

}
function unused(){

	$('wrapper').setProperty('style','overflow: hidden; height: 400px; width:700px;	position: relative;'); 
	$('inner').setProperty('style','width: 2800px; height: 400px; position: relative;');
	$$('#inner .scrolling-content').setProperty('style','position: absolute; width: 700px;	height: 400px;');
	$$('#inner .page-content').setProperty('style','height: 400px; width:300px; overflow:hidden;');

	$('content1').setProperty('style','position: absolute; left: 0px; top: 0px;');
	$('content2').setProperty('style','position: absolute; left: 700px; top: 0px;');
	$('content3').setProperty('style','position: absolute; left: 1400px; top: 0px;');
	$('content4').setProperty('style','position: absolute; left: 2100px; top: 0px;');
	$('content5').setProperty('style','position: absolute; left: 2800px; top: 0px;');
}