window.addEvent('domready', function()
{
	// HISTOIRE & CULTURE
	var timeline = document.getElements('.timeline');
	
	if(timeline.length > 0){
		
		initTimeline = function(){

			var btns = $$('.timeline .btn');
			
			btns[0]._dot = btns[0].getElements('.dot');
			btns[0].dot = btns[0]._dot;
			btns[0]._dotHov = btns[0].dot.getElements('.hov');
			btns[0].dotHov = btns[0]._dotHov[0];
			
			//$ Gestion de la Geisha
			btns[0]._geisha = btns[0].getElements('.geisha');
			btns[0].geisha = btns[0]._geisha[0];
			btns[0]._geishanim = btns[0].geisha.getElements('span');
			btns[0].geishanim = btns[0]._geishanim[0];
			
			btns[0].dotHov.Fx = new Fx.Tween(btns[0].dotHov, { duration:1000 });
			btns[0].geishanim.Fx = new Fx.Tween(btns[0].geishanim, { duration:400 });
			
			btns[0].dotHov.setStyle('opacity', 1);
			btns[0].geishanim.Fx.start('top', 0);
			
			btns[0].removeClass('move');
			btns[0].addClass('on');
			btns[0].pannel.setStyle('opacity', 0);
			
		}
		
		var btnOld='';
		$$('.move').each(function(el)
		{
			//$ Gestion du bouton rond
			el._dot = el.getElements('.dot');
			el.dot = el._dot[0];
			el._dotHov = el.dot.getElements('.hov');
			el.dotHov = el._dotHov[0];
			
			//$ Gestion de la Geisha
			el._geisha = el.getElements('.geisha');
			el.geisha = el._geisha[0];
			el._geishanim = el.geisha.getElements('span');
			el.geishanim = el._geishanim[0];
			
			//$ Gestion du panneau
			el._pannel = el.getElements('.pannel');
			el.pannel = el._pannel[0];
			
			el.dotHov.Fx = new Fx.Tween(el.dotHov, { duration:1000 });
			el.geishanim.Fx = new Fx.Tween(el.geishanim, { duration:400 });
			el.pannel.Fx = new Fx.Tween(el.pannel, { duration:400 });

			var _jumps = $$('.timeline .btn');
			for(i=0; i<_jumps.length; i++){
				if(_jumps[i] == el){
					 el.jump = i;
				}
			}

			el.jumpto = 350	* el.jump;

			el.dot.addEvent('mouseenter', function()
			{
				if(!el.hasClass('on')){
					el.dotHov.Fx.cancel();
					el.geishanim.Fx.cancel();
					el.pannel.Fx.cancel();
					el.dotHov.setStyle('opacity', 1);
					el.geishanim.Fx.start('top', 0);
					el.pannel.Fx.start('opacity', 1);
					
				}
			});

			el.dot.addEvent('mouseleave', function()
			{
				if(!el.hasClass('on')){
					el.dotHov.Fx.cancel();
					el.geishanim.Fx.cancel();
					el.pannel.Fx.cancel();
					el.dotHov.Fx.start('opacity',0);
					el.geishanim.Fx.start('top', 45);
					el.pannel.Fx.start('opacity', 0);
				}
			});

			el.addEvent('click', function()
			{
				if(!el.hasClass('on')){
					//$ On va vérifier parmis tous les boutons s'il y en a un d'enclenché, auquel cas on pointe ses différents éléments
					var btns = $$('.timeline .btn');
					for(i=0; i<btns.length; i++){
						if(btns[i].hasClass('on')){
							//$ Si on en a détecté un
							//$ Gestion du bouton rond
							btnOld = btns[i];
							btnOld._dot = btns[i].getElements('.dot');
							btnOld.dot = btnOld._dot[0];
							btnOld._dotHov = btns[i].dot.getElements('.hov');
							btnOld.dotHov = btnOld._dotHov[0];
							
							//$ Gestion de la Geisha
							btnOld._geisha = btns[i].getElements('.geisha');
							btnOld.geisha = btnOld._geisha[0];
							btnOld._geishanim = btns[i].geisha.getElements('span');
							btnOld.geishanim = btnOld._geishanim[0];
							
							btnOld._pannel = btnOld.getElements('.pannel');
							btnOld.pannel = btnOld._pannel[0];
							
							btnOld.dotHov.Fx = new Fx.Tween(btnOld.dotHov, { duration:1000 });
							btnOld.geishanim.Fx = new Fx.Tween(btnOld.geishanim, { duration:400 });
							btnOld.pannel.Fx = new Fx.Tween(btnOld.pannel, { duration:400 });
							
							btnOld.dotHov.Fx.cancel();
							btnOld.geishanim.Fx.cancel();
							btnOld.pannel.Fx.cancel();
							btnOld.dotHov.Fx.start('opacity',0);
							btnOld.geishanim.Fx.start('top', 45);
							btnOld.pannel.Fx.start('opacity',0);
							
							btnOld.removeClass('on');
							btnOld.addClass('move');
						}
					}
					
					el.pannel.setStyle('opacity', 0);

					new Fx.Tween($('pages-slide'),
					{
						duration: 400
					}).start('left',-el.jumpto);

					el.removeClass('move');
					el.addClass('on');
				}
			});

		});
		initTimeline();
	}
		
	// HAIKUS
	var haikus = document.getElements('.haikus');
	
	if(haikus.length > 0){
		
		var btnOld='';
		$$('.move').each(function(el)
		{
			//$ Gestion du bouton rond
			el._dot = el.getElements('.dot');
			el.dot = el._dot[0];
			el._dotHov = el.dot.getElements('.hov');
			el.dotHov = el._dotHov[0];
			
			//$ Gestion de la Geisha
			el._geisha = el.getElements('.geisha');
			el.geisha = el._geisha[0];
			el._geishanim = el.geisha.getElements('span');
			el.geishanim = el._geishanim[0];
			
			//$ Gestion du panneau
			el._pannel = el.getElements('.haiku');
			el.pannel = el._pannel[0];
			
			el.dotHov.Fx = new Fx.Tween(el.dotHov, { duration:1000 });
			el.geishanim.Fx = new Fx.Tween(el.geishanim, { duration:400 });
			el.pannel.FxStart = new Fx.Morph(el.pannel, { duration:1000 });
			el.pannel.FxEnd = new Fx.Morph(el.pannel, { duration:1000 });

			el.addEvent('mouseenter', function()
			{
				if(!el.hasClass('on')){
					el.dotHov.Fx.cancel();
					el.geishanim.Fx.cancel();
					el.dotHov.setStyle('opacity', 1);
					el.geishanim.Fx.start('top', 0);
					
				}
			});

			el.addEvent('mouseleave', function()
			{
				if(!el.hasClass('on')){
					el.dotHov.Fx.cancel();
					el.geishanim.Fx.cancel();
					el.dotHov.Fx.start('opacity',0);
					el.geishanim.Fx.start('top', 45);
				}
			});

			el.addEvent('click', function()
			{
				if(!el.hasClass('on')){
					//$ On va vérifier parmis tous les boutons s'il y en a un d'enclenché, auquel cas on pointe ses différents éléments
					var btns = $$('.haikus .item-haikus');
					for(i=0; i<btns.length; i++){
						if(btns[i].hasClass('on')){
							//$ Si on en a détecté un
							//$ Gestion du bouton rond
							btnOld = btns[i];
							btnOld._dot = btns[i].getElements('.dot');
							btnOld.dot = btnOld._dot[0];
							btnOld._dotHov = btns[i].dot.getElements('.hov');
							btnOld.dotHov = btnOld._dotHov[0];
							
							//$ Gestion de la Geisha
							btnOld._geisha = btns[i].getElements('.geisha');
							btnOld.geisha = btnOld._geisha[0];
							btnOld._geishanim = btns[i].geisha.getElements('span');
							btnOld.geishanim = btnOld._geishanim[0];
							
							btnOld._pannel = btnOld.getElements('.haiku');
							btnOld.pannel = btnOld._pannel[0];
							
							btnOld.dotHov.Fx = new Fx.Tween(btnOld.dotHov, { duration:1000 });
							btnOld.geishanim.Fx = new Fx.Tween(btnOld.geishanim, { duration:400 });
							btnOld.pannel.Fx = new Fx.Morph(btnOld.pannel, { duration:400 });
							
							btnOld.dotHov.Fx.cancel();
							btnOld.geishanim.Fx.cancel();
							btnOld.dotHov.Fx.start('opacity',0);
							btnOld.geishanim.Fx.start('top', 45);
							btnOld.pannel.Fx.addEvent('complete', function(){
											btnOld.pannel.setStyle('top', 0);		   
							}).start({'opacity' : 0, 'top' : 152});
							btnOld.removeClass('on');
							btnOld.addClass('move');
						}
					}
					
					el.pannel.setStyle('opacity', 0);
					el.pannel.setStyle('display', "block");
					el.pannel.FxStart.addEvent('complete', function(){
						(function(){
							el.pannel.FxEnd.addEvent('complete',function(){ 
								el.pannel.setStyle('top', 0);
							}).start({'opacity' : 0, 'top' : 152})
						}).delay(4000);
					}).start({'opacity' : 1, 'top' : 76});

					el.removeClass('move');
					el.addClass('on');
				}
			});
		});
	}
		
	// SAISONS
	var itemSaisons = document.getElements('.saisons');
	
	if(itemSaisons.length > 0){
	   // EFFET SUR LOGO //
		initItemSaisons = function(){
		  $$('.saisons .item').each(function(el)
		  {
			//$ Déclaration des divers éléments du lien  	
			el._aEl        = el.getElements('.off');
			el.aEl         = el._aEl[0];
			el._geishaEl   = el.getElements('.geisha');
			el.geishaEl    = el._geishaEl[0];
			
			//$ Récupération des font-color des divers éléments du lien  	
			el.geishaLeft  = el.geishaEl.getStyle('left');
			
			
			//$ Attribution des animations des divers éléments du lien  	
			el.aEl.FX     = new Fx.Tween(el.aEl,{duration: 400});
			el.geishaTransIn = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaTransOut = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaEl.FXin = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransIn.easeOut  });
			el.geishaEl.FXout = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransOut.easeIn  });
	
			//$ Boutons sous-menu couleur 1
			el.addEvents(
			{
				'mouseenter' :function(){
					el.aEl.FX.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FX.start('opacity',0);
					el.geishaEl.FXin.start('left','28px');
				}, 
				'mouseleave' :function(){
					el.aEl.FX.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FX.start('opacity', 1);
					el.geishaEl.FXout.start('left',el.geishaLeft);
				},
				'click' :function(){
					
				}
			});
		  });
		}
		initItemSaisons();
	}
		
	// PHOTOS
	var itemPhotos = document.getElements('.photos');
	
	if(itemPhotos.length > 0){
	   // EFFET SUR LOGO //
		initItemPhotos = function(){
		  $$('.photos .item').each(function(el)
		  {
			//$ Déclaration des divers éléments du lien  	
			el._aEl        = el.getElements('img');
			el.aEl         = el._aEl[0];
			el._geishaEl   = el.getElements('.geisha');
			el.geishaEl    = el._geishaEl[0];
			
			el.thePos = el.getPosition(itemPhotos[0]);
			el.theLeft = el.thePos.x;
			el.theTop = el.thePos.y;
			
			//$ Récupération des font-color des divers éléments du lien  	
			el.geishaLeft  = el.geishaEl.getStyle('left');
			
			el.aEl.setStyle('opacity', 0.5);
			
			//$ Attribution des animations des divers éléments du lien  	
			el.aEl.FX     = new Fx.Tween(el.aEl,{duration: 400});
			el.geishaTransIn = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaTransOut = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaEl.FXin = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransIn.easeOut  });
			el.geishaEl.FXout = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransOut.easeIn  });
	
			//$ Boutons sous-menu couleur 1
			el.addEvents(
			{
				'mouseenter' :function(){
					el.aEl.FX.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FX.start('opacity',1);
					el.geishaEl.FXin.start('left','46px');
				}, 
				'mouseleave' :function(){
					el.aEl.FX.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FX.start('opacity', 0.5);
					el.geishaEl.FXout.start('left',el.geishaLeft);
				},
				'click' :function(){
					var aItems = $$('.photos .item');
					var aLarge = $$('.photos .large');
					for(i=0; i<aItems.length; i++){
						if(aItems[i] == el){
							var numPic = i;
						}
					}
					
					el.PicFX = new Fx.Morph(aLarge[0]);
					
					var aPics = $$('.photos .large img');
					
					//aLarge[0].setStyles({'display':'block', 'left':el.theLeft, 'top':el.theTop});
					//aLarge[0].setStyle('clip','rect('+el.theTop+', '+(el.theTop+95)+', '+(el.theLeft+70)+', '+el.theLeft+')');
					aLarge[0].setStyles({'display':'block', 'left':el.theLeft, 'top':el.theTop});
					
					aPics[numPic].setStyle('display','block');
					el.PicFX.start({'width':479, 'height' : 425, 'left' : 0, 'top' : 0});
					//el.PicFX.start('clip','rect(0, 479, 425, 0)');
					
					aPics[numPic].addEvent('click', function(){
						el.PicFX.cancel();								 
						el.PicFX.addEvent('complete', function(){
							aPics[numPic].setStyle('display','none');
							aLarge[0].setStyle('display','none');								
						}).start({'width':95, 'height':70, 'left':el.theLeft, 'top':el.theTop});
						//alert("left : "+el.theLeft+" - top : "+el.theTop);
					 });
					
				}
			});
		  });
		}
		initItemPhotos();
	}
});