var maClasse = {};
var fx;
var duree = 200;
var index = 0;
var num;
var normal_mode = true;

maClasse.fx = new Class({

	Implements: Events,
	
	leveBloc : function(num)
	{
		
		switch(num)
		{
			case 1:
			$$('#over1').set('tween', {duration: duree});
			$$('#over1').tween('margin-top', '37');break;
			case 2:
			$$('#over2').set('tween', {duration: duree});
			$$('#over2').tween('margin-top', '37');break;
			case 3:
			$$('#over3').set('tween', {duration: duree});
			$$('#over3').tween('margin-top', '37');break;
			case 4:
			$$('#over4').set('tween', {duration: duree});
			$$('#over4').tween('margin-top', '37');break;
			case 5:
			$$('#over5').set('tween', {duration: duree});
			$$('#over5').tween('margin-top', '37');break;
			
		
		}
		
		
	},

	baisseBloc : function(num)
	{
		switch(num)
		{
			case 1:
			$$('#over1').set('tween', {duration: duree});
			$$('#over1').tween('margin-top', '82');break;
			case 2:
			$$('#over2').set('tween', {duration: duree});
			$$('#over2').tween('margin-top', '82');break;
			case 3:
			$$('#over3').set('tween', {duration: duree});
			$$('#over3').tween('margin-top', '82');break;
			case 4:
			$$('#over4').set('tween', {duration: duree});
			$$('#over4').tween('margin-top', '82');break;
			case 5:
			$$('#over5').set('tween', {duration: duree});
			$$('#over5').tween('margin-top', '82');break;
			
		
		}
		
	},
	
	lanceMentions : function()
	{

		var myElement = $(document.body);
		var myFx = new Fx.Scroll(myElement).start(0, 0.5);

		$('back').setStyle('display', 'block');
		var fx = new Fx.Morph($('back'), {duration:300, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[0,.8]}).chain(function()
			{;
		
				$('conteneur_mentions').setStyle('display', 'block');
				var fx2 = new Fx.Morph($('conteneur_mentions'), {duration:300, transition:Fx.Transitions.Quart.easeOut});
					fx2.start({'opacity':[0,1]});
			});
			
		
		
	},
	lanceCredit : function()
	{

		var myElement = $(document.body);
		var myFx = new Fx.Scroll(myElement).start(0, 0.5);

		$('back').setStyle('display', 'block');
		var fx = new Fx.Morph($('back'), {duration:300, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[0,.8]}).chain(function()
			{;
		
				$('conteneur_boite').setStyle('display', 'block');
				var fx2 = new Fx.Morph($('conteneur_boite'), {duration:300, transition:Fx.Transitions.Quart.easeOut});
					fx2.start({'opacity':[0,1]});
			});
			
		
		
	},	
	lanceInter1 : function()
	{

		
		$('back').setStyle('display', 'block');
		var fx = new Fx.Morph($('back'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[0,.8]}).chain(function()
			{;
		
				$('interview1').setStyle('display', 'block');
				var fx2 = new Fx.Morph($('interview1'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
					fx2.start({'opacity':[0,1]});
			});
			
		
		
	},
	lanceInter2 : function()
	{

		
		$('back').setStyle('display', 'block');
		var fx = new Fx.Morph($('back'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[0,.8]}).chain(function()
			{;
				$('interview2').setStyle('display', 'block');
				var fx2 = new Fx.Morph($('interview2'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
					fx2.start({'opacity':[0,1]});
			});
			
		
		
	},
	deleteMentions : function()
	{

		
		
		var fx2 = new Fx.Morph($('conteneur_mentions'), {duration:1000, transition:Fx.Transitions.Quart.easeOut}); 
			fx2.start({'opacity':[1,0]});
			
				
		var fx = new Fx.Morph($('back'), {duration:1000, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[.8,0]});					
	
		
		var fonction_delay = function()
		{ 
			$('conteneur_mentions').setStyle('display','none');
			$('back').setStyle('display','none');
						
		};
		
		fonction_delay.delay(1000);
					
		
		
	},
	deleteCredit : function()
	{

		
		
		var fx2 = new Fx.Morph($('conteneur_boite'), {duration:1000, transition:Fx.Transitions.Quart.easeOut}); 
			fx2.start({'opacity':[1,0]});
			
				
		var fx = new Fx.Morph($('back'), {duration:1000, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[.8,0]});					
	
		
		var fonction_delay = function()
		{ 
			$('conteneur_boite').setStyle('display','none');
			$('back').setStyle('display','none');
						
		};
		
		fonction_delay.delay(1000);
					
		
		
	},
	
	deleteInter1 : function()
	{

		
		
		var fx2 = new Fx.Morph($('interview1'), {duration:1000, transition:Fx.Transitions.Quart.easeOut}); 
			fx2.start({'opacity':[1,0]});
			
				
		var fx = new Fx.Morph($('back'), {duration:1000, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[.8,0]});					
	
		
		var fonction_delay = function()
		{ 
			$('interview1').setStyle('display','none');
			$('back').setStyle('display','none');
						
		};
		
		fonction_delay.delay(1000);
					
		
		
	},
	deleteInter2 : function()
	{

		
		
		var fx2 = new Fx.Morph($('interview2'), {duration:1000, transition:Fx.Transitions.Quart.easeOut}); 
			fx2.start({'opacity':[1,0]});
			
				
		var fx = new Fx.Morph($('back'), {duration:1000, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[.8,0]});					
	
		
		var fonction_delay = function()
		{ 
			$('interview2').setStyle('display','none');
			$('back').setStyle('display','none');
						
		};
		
		fonction_delay.delay(1000);
					
		
		
	},
	lanceVideo : function(index)
	{
		
		
		//$('back').setStyle('display', 'block');
		var fx = new Fx.Morph($('back'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[0,.8]}).chain(function()
			{;
		
				$('interview1').setStyle('display', 'block');
				var fx2 = new Fx.Morph($('interview1'), {duration:500, transition:Fx.Transitions.Quart.easeOut});
					fx2.start({'opacity':[0,1]});
			});
		fonction_delay.delay(1000);
		
	
	},
	
	deleteVideo : function()
	{

		
		var fx = new Fx.Morph($('back'), {duration:1000, transition:Fx.Transitions.Quart.easeOut});
			fx.start({'opacity':[.8,0]});
			
		
		
		var fonction_delay = function()
		{ 
			window.location.reload(); 
			
			$('conteneur_video_boite').setStyle('display','none');
			$('back').setStyle('display','none');
			
			
			
			

		};
		
		fonction_delay.delay(1000);
				
			
			
			
		
	},
	
	
	moveConteneurMetier : function(index, num)
	{
		var liste = $$('#liste_ul li');
		
		var fonction_delay = function()
		{ 
			
			normal_mode = true;
						
		};
	
		
		for(var i = 0; i < liste.length; i++ )
		{
			var fx1 = new Fx.Morph(liste[i], {duration:0, transition:Fx.Transitions.Expo.easeOut});
			fx1.start({'opacity': 0});
		};
		
		

		var fx2 = new Fx.Morph($('liste_horizontale'), {duration:0, transition:Fx.Transitions.Expo.easeOut});
		
		fx2.start({'margin-left': -num}).chain(function()
		{
		
			var fx3 = new Fx.Tween(liste[index], 'opacity',{
			duration: 500, 
			transition: Fx.Transitions.Quart.easeInOut
			});
			
			fx3.start.pass([0,1], fx3).delay(500);
			
			
			fonction_delay.delay(500);

						
			
			
		
		});
			
			
	}
	
	

});

window.addEvent('domready', function() 
{    
	
	
	
	$$('#conteneur_boite').setStyle('display','none');
	$$('#conteneur_mentions').setStyle('display','none');
	$$('#conteneur_video').setStyle('display','none');
	$$('#back').setStyle('display','none');
			
	effetBouton = new maClasse.fx();
	
	/*
     *  Videos
     */ 
	
	var boutonVideo = $$('#contenu_video ul li');
	
	
	
	boutonVideo.each(function(element, index)
	{
		element.addEvent('mouseover', function(event)
		{
			var monNom = element.getElement('.nom');
			var maLegende = element.getElement('.legende_video');
			
			monNom.setStyle('color', '#fff');
			maLegende.setStyle('color', '#fff');
						
			//$$('#contenu_video ul li').setStyle('background-image', 'url(../images/video_select.png)');
			
		
		});
		
		element.addEvent('mouseout', function(event)
		{
			var monNom = element.getElement('.nom');
			var maLegende = element.getElement('.legende_video');
			monNom.setStyle('color', '#c22f44');
			maLegende.setStyle('color', '#1c9338');
			//alert(element);
			
			//$$('#contenu_video ul li').setStyle('background-image', 'url(../images/video_select.png)');
			
		
		});
		
		
	});
	
	/*
	 *	Crédit
	 */
	$$('#btn1').addEvent('click', function(event)
	{
		
		effetBouton.lanceInter1();
		
	});/*
	$$('#btn2').addEvent('click', function(event)
	{
		
		effetBouton.lanceInter2();
		
	});*/
	$$('#mentions').addEvent('click', function(event)
	{
		effetBouton.lanceMentions();
	});
	$$('#credit').addEvent('click', function(event)
	{
		
		effetBouton.lanceCredit();
		
	});
	
	$$('.exit-inter').addEvent('click', function(event)
	{
		
		
		effetBouton.deleteInter1();
		effetBouton.deleteInter2();
		
		
	});
	$$('.exit').addEvent('click', function(event)
	{
		
		effetBouton.deleteCredit();
		effetBouton.deleteMentions();
		
		
	});
	$$('#back').addEvent('click', function(event)
	{
		
		effetBouton.deleteCredit();
		effetBouton.deleteMentions();
		effetBouton.deleteInter1();
		effetBouton.deleteInter2();
		effetBouton.deleteVideo();
		
		
	});
	
	/*
	 *	Vidéo
	 */
	 
	$$('#tv').addEvent('click', function(event)
	{
		
		//effetBouton.lanceVideo();
		var myRequest = new Request({url: 'http://www.dailymotion.com/netombezpassurnimportequi', method: 'get'}).send();
		

		
	});
	
	$$('.exit_video').addEvent('click', function(event)
	{
		
		effetBouton.deleteVideo();
		
	});
		
	/*
	 *	Boutons
	 */
	 
	 
	/* l1 */
	
	
	$$('#l1').addEvent('mouseover', function(event)
	{
		effetBouton.leveBloc(1);
		
		
	});
	
	
	$$('#l1').addEvent('mouseout', function(event)
	{
		effetBouton.baisseBloc(1);
	
		
	});
	
		
	/* l2 */
	
	$$('#l2').addEvent('mouseover', function(event)
	{
		
		effetBouton.leveBloc(2);
		
	});
		
	
	$$('#l2').addEvent('mouseout', function(event)
	{
		effetBouton.baisseBloc(2);
	
	});
	
	/* l3 */
	
	$$('#l3').addEvent('mouseover', function(event)
	{
		effetBouton.leveBloc(3);
			
		
	});
		
	
	$$('#l3').addEvent('mouseout', function(event)
	{
		effetBouton.baisseBloc(3);
	
		
	});
		
	/* l4 */
	
	$$('#l4').addEvent('mouseover', function(event)
	{
		effetBouton.leveBloc(4);
				
		
	});
		
	
	$$('#l4').addEvent('mouseout', function(event)
	{
		effetBouton.baisseBloc(4);
	
	});
	
	/* l5 */
	
	$$('#l5').addEvent('mouseover', function(event)
	{
		effetBouton.leveBloc(5);
				
		
	});
		
	
	$$('#l5').addEvent('mouseout', function(event)
	{
		effetBouton.baisseBloc(5);
		
	});
	
	
	
	/*
	
		sRubrique
	
	*/
	
	
	$$('#ens1').addEvent('click', function(event)
	{
		
		
		$$('#global').tween('top', -100);
		

	
	});
	
	$$('#ens2').addEvent('click', function(event)
	{
		
		
		$$('#global').tween('top', -700);
		

	
	});
	
	$$('#ens3').addEvent('click', function(event)
	{
		
		
		$$('#global').tween('top', -1000);
		

	
	});
	
	/*
	
		Btn retour
	
	*/
	$$('.rtn').each(function(element, index)
	{
		element.addEvent('mouseover', function(event)
		{
			
			
			element.tween('opacity', '.5');
			

		
		});
		
		element.addEvent('mouseout', function(event)
		{
			
			
			element.tween('opacity', '1');
			

		
		});
	});
	
	$$('.rtn').addEvent('click', function(event)
	{
		
		
		$$('#global').tween('top', '0px');
		

	
	});
	
	
});