window.addEvent('domready', function() {
	
	/*//////////////// INTRO ////////////////////*/
	///////////////////////////////////////////////
	
	var img_url = "http://pierrelucdufour.com/libraries/img/"
	var randImage = ["pic_intro_01.jpg", "pic_intro_02.jpg", "pic_intro_03.jpg", "pic_intro_04.jpg"]
	//$('randImage').setProperty('src', img_url + randImage.getRandom());
	
	$('intro').setStyle('opacity', '0');
	$('menu_intro_special').setStyle('opacity', '0');
	$$('#btn_mail a').setStyle('opacity', '0');
	
	$('menu').set('morph', {
		duration: 1250,
		transition: Fx.Transitions.linear,
		onComplete: function(){
			fadeImg();
		} 
	}).morph({ 
		'margin-left': ['-' + window.getWidth(),'0px']
		
	});
	
	$('welcome').addEvent('click', function(e){
		$('menu_intro_special').tween('opacity', '1');
		$('welcome').tween('opacity', '0');
	});
	
	$('welcome_pic').addEvent('click', function(e){
		$('menu_intro_special').tween('opacity', '1');
		$('welcome').tween('opacity', '0');
	});
	
	$$('#last_li a').addEvent('click', function(e){
		$$('#btn_mail a').morph({
			'opacity': '1',
			'margin-left': '0px'
		});
		this.setStyle('background-color', '#919191');
		
	});

	
});

function fadeImg(){
	$('intro').set('morph', {
		duration: 3000,
		transition: Fx.Transitions.linear
	}).morph({ 
		'opacity': [0,1]
	});
}