window.addEvent('domready', function(){
	
	$('leftblankdiv').setOpacity(0.7);
	
	$('leftblankdiv').setStyles('left: -340px');
	$('leftcontent').setStyles('left: -340px;');
	$('menuengagement').setStyles('left: 600px;').setOpacity(0);
	$('menuarchi').setStyles('left: 600px;').setOpacity(0);
	$('menuurbanisme').setStyles('left: 600px;').setOpacity(0);
	
	/* menu de droite*/
	//précharge les images pour éviter les sautes au rollover
	new Asset.images([
		'menuengagement_on.gif',
		'menuarchi_on.gif', 
		'menuurbanisme_on.gif'
	]);
	
	//le défilement des projets en bas de page à gauche
	new iCarousel("projetcontainer", {   
		animation: {   
			type: "fade",   
			transition: Fx.Transitions.linear,   
			rotate: {   
				type: "auto",
				interval: 6000
			}   
		}   
	}); 
	
});//fin domready

window.addEvent('load', function(){
	
	var urba = $('menuurbanisme').effects({duration: 1000});
	var archi = $('menuarchi').effects({duration: 1000});
	var engag = $('menuengagement').effects({duration: 1000});
	var left1 = new Fx.Style ('leftblankdiv', 'left',{duration:1500});
	var left2 = new Fx.Style ('leftcontent', 'left',{duration:1500});
	
	$('leftblankdiv').setOpacity(0.7);
	
	(function(){
		urba.start({'left': [600, 862], 'opacity': [0, 1]});
		(function(){archi.start({'left': [600, 824], 'opacity': [0, 1]}); }).delay(400);
		(function(){engag.start({'left': [600, 786], 'opacity': [0, 1]}); }).delay(800);
	}).delay(3000);
			
	(function(){		
		left1.start(0);
		left2.start(0);
		$('leftblankdiv').setOpacity(0.7);
	}).delay(4500);
	
	$$('.rightmenuimg').each(function(obj, i) {        
		obj.addEvents({
			'mouseenter': function(){ obj.src = obj.src.replace(/_off.png/g,'_on.gif'); },
			'mouseleave': function(){ obj.src = obj.src.replace(/_on.gif/g,'_off.png'); }
		});
	});
	
	//l'effet d'opacité
	$$('.rightmenulink').each(function(el, i) {
		var rightlinkeffect = new Fx.Style(el, 'opacity', {wait: false, duration: 800})
		
		$$('.rightmenulink').each(function(elem, j) {
			if (j != i)
			elem.addEvents({
				'mouseenter': function(){ rightlinkeffect.start(0.5) },
				'mouseleave': function(){ rightlinkeffect.start(0.5, 1) }
			});
			
		});
	});
	
	/*les transitions du menu on click item par item*/
	$('menuarchi').addEvent('click', function(e){
		e = new Event(e).stop();
		var page = this.getProperty('href');
		engag.start({'left': [786, 824]});
		archi.start({'left': [824, 330]}).chain(function(){
			window.location.replace(page);
		});
	});
	
	$('menuurbanisme').addEvent('click', function(e){
		e = new Event(e).stop();
		var page = this.getProperty('href');
		urba.start({'left': [862, 330]});
		engag.start({'left': [786, 824]});
		archi.start({'left': [824, 862]}).chain(function(){
			window.location.replace(page);
		});
	});
	
	$('menuengagement').addEvent('click', function(e){
		e = new Event(e).stop();
		var page = this.getProperty('href');
		engag.start({'left': [786, 330]}).chain(function(){
			window.location.replace(page);
		});
	});

});//fin load