function apparaitre(menu) {
	menu.className = "affiche";
}

function disparaitre(menu) {
	menu.className = "cache";
}

var mySlideShow;

window.addEvent('domready', function ()
{
	//On récupère les "mgDeroulant"
	var compteur = 0 ;
	var items_g = $$("#menu_gauche > li.mgDeroulant") ; 
	items_g.each(function(a){ a.store('compteur', compteur++) });
		
	
	// Menu
	$$('#menu > li.mDeroulant').each(function(element)
	{
		
		element.addEvent('mouseover', function(e)
		{
			//On récupère l'id de l'élément "a"
			var id_elem = element.getElement('a');
			//On récupère l'image qui correspond à cet "id" (img de la barre de gauche)	
			var img = items_g[id_elem.id -1].getElement('img');
			//On récupère le src de l'image
			var src = img.getProperty('src');
			var nom_img = src.split('/');
			var nom = nom_img[2];//nom de l'image
			//Changement de l'image
			if(nom.substring(0,3) != 'on_'){
				img.setProperty('src','/imgs/on_' + nom);
			}else{
				img.setProperty('class','img_on');
			}			
			
			//Gestion apparation du menu et de l'onglet actif
			var ssmenu = element.getElement('ul') ;
			element.className= "onglet_hover";
			apparaitre(ssmenu) ;
			
			
			
			//Gestion d'affichage du sous menu
			$$('#'+ssmenu.id + '> li.ss_mDeroulant').each(function(elem){			
				elem.addEvent('mouseover',function(e){				
					
					if(elem.getElement('ul')){
						elem.className = 'ss_onglet_hover';
						ss_ssmenu = elem.getElement('ul');
						apparaitre(ss_ssmenu);						
					}					
				});
			});
		})
		
		
		element.addEvent('mouseout', function(e)
		{
			//On récupère l'id de l'élément "a"
			var id_elem = element.getElement('a');
			//On récupère l'image qui correspond à cet "id" (img de la barre de gauche)	
			var img = items_g[id_elem.id -1].getElement('img');
			//On récupère le src de l'image
			var src = img.getProperty('src');
			var nom_img = src.split('/');
			var nom = nom_img[2];//nom de l'image avec 'on_'
			var new_nom = nom.substring(3);
			
			if(img.getProperty('class') != 'img_on'){
				img.setProperty('src','/imgs/' + new_nom);
			}
			
			var ssmenu = element.getElement('ul') ;	
			element.className= "mDeroulant";			
			disparaitre(ssmenu) ;
			
			//Gestion d'affichage du sous menu
			$$('#'+ssmenu.id + '> li.ss_mDeroulant').each(function(elem){				
				elem.addEvent('mouseout',function(e){				
					if(elem.getElement('ul')){
						ss_ssmenu = elem.getElement('ul');
						disparaitre(ss_ssmenu);
						elem.className= "ss_mDeroulant";
					}					
				});
			});
		})
		
		
		
	})	
	
	// Menu barre gauche
	$$('#menu_gauche > li.mgDeroulant').each(function(element)
	{
		element.addEvent('mouseover', function(e)
		{
			var img = element.getElement('img') ;
			var src = img.getProperty('src') ;			
			var nom_img = src.split('/');
			var nom = nom_img[2];
			
			
			if(nom.substring(0,3)=='on_'){
				img.setProperty('class','img_on');
			}else{
				img.setProperty('src','/imgs/on_' + nom);
			}
			
			id_elem = element.getElement('a');		
			$(id_elem.id).addClass('onglet_hover');

			element.getElement('.titre_onglet').addClass('titre_onglet_on');
			
			
			var ssmenu = element.getElement('ul') ;
			apparaitre(ssmenu) ;
			
			//Gestion d'affichage du sous menu
			$$('#'+ssmenu.id + '> li.ss_mgDeroulant').each(function(elem){			
				elem.addEvent('mouseover',function(e){				
					
					if(elem.getElement('ul')){
						elem.className = 'ss_onglet_hover';
						ss_ssmenu = elem.getElement('ul');
						apparaitre(ss_ssmenu);						
					}					
				});
			});
		})
		
		
		element.addEvent('mouseout', function(e)
		{
			var img = element.getElement('img') ;
			var src = img.getProperty('src') ;			
			var nom_img = src.split('/');
			var nom = nom_img[2];
			var new_nom = nom.substring(3);
			
			if(img.getProperty('class')!='img_on'){				
				img.setProperty('src','/imgs/'+new_nom);
			}
			id_elem = element.getElement('a');
			$(id_elem.id).removeClass('onglet_hover');
			
			
			var ssmenu = element.getElement('ul') ;			
			disparaitre(ssmenu) ;
			
			//Gestion d'affichage du sous menu
			$$('#'+ssmenu.id + '> li.ss_mgDeroulant').each(function(elem){				
				elem.addEvent('mouseout',function(e){				
					if(elem.getElement('ul')){
						ss_ssmenu = elem.getElement('ul');
						disparaitre(ss_ssmenu);
						elem.className= "ss_mgDeroulant";
					}					
				});
			});
		})
	})
	
	//===========
	//Carrousel
	//===========
	function changeSlide (el, el_suivant)
	{		
		myFx = new Fx.Tween (el, {'link' : 'chain'}).start('opacity', 0) ;
		myFx2 = new Fx.Tween (el_suivant, {'link' : 'chain'}).start('opacity', 1) ;
		
		var pointeur = el.retrieve('compteur') ;
		var pointeur_suivant = el_suivant.retrieve('compteur') ;
		items_txt[pointeur].removeClass('item_actu_on') ;
		items_txt[pointeur_suivant].addClass('item_actu_on') ; 

	}
	
	
	if($('actuSUPMECA')){
	
		var compteur = 0 ;
		var items = $$("#actuSUPMECA > div .actu_cont") ; 
		items.each(function(a){ a.store('compteur', compteur++) });
		
		var items_txt = $$("#actuSUPMECA > div .item_actu") ;
		var first_item = items[0] ;
		var last_item = items.getLast('.item') ;
		var first_item_txt = items_txt[0].addClass('item_actu_on') ;
		var suivant = $('suiv') ;		
		var precedent = $('prec') ;
		var compteur = 1 ;
		
		first_item.store('first', 1) ;
		last_item.store('last', 1) ;
		
		items.each(function(item)
		{
			item.set('id', 'item_' + compteur) ;
			item.setStyle('opacity', 0) ;
			
			compteur++ ;
		}) ;
		
		first_item.setStyle('opacity', 1) ;
	
	
		// Bouton suivant
		suivant.addEvent('click', function(e) {
			e = new Event(e).stop() ;
			
			var compteur2 = 0 ;			
			items.each(function(item)
			{				
				if (item.getStyle('opacity') == 1)
				{	
					item_select = items[compteur2] ;
					item_select_suivant = items[compteur2 + 1] ;
					page_actuelle = compteur2 + 2 ;
				}
				compteur2++ ;
			}) ;
			
			if (item_select.retrieve('last') != 1)
			{
				changeSlide(item_select, item_select_suivant) ;
			}
			else 
			{
				changeSlide(last_item, first_item) ;
			}
		}) ;		
		
		// Bouton précédent
		precedent.addEvent('click', function(e) {
			e = new Event(e).stop() ;
			
			var compteur2 = 0 ;			
			items.each(function(item)
			{				
				if (item.getStyle('opacity') == 1)
				{	
					item_select = items[compteur2] ;
					item_select_precedent = items[compteur2 - 1] ;
					page_actuelle = compteur2++ ;
				}
				compteur2++ ;
			}) ;

			if (item_select.retrieve('first') != 1)
			{
				changeSlide(item_select, item_select_precedent) ;
			}
			else 
			{
				changeSlide(first_item, last_item) ; ;
			}
		}) ;
	
	
	
		// Autoslide
		(function() {
			var compteur2 = 0 ;			
			items.each(function(item)
			{				
				if (item.getStyle('opacity') == 1)
				{	
					item_select = items[compteur2] ;
					item_select_suivant = items[compteur2 + 1] ;
					page_actuelle = compteur2 + 2 ;
				}
				compteur2++ ;
			}) ;
			
			if (item_select.retrieve('last') != 1)
			{
				changeSlide(item_select, item_select_suivant) ;
			}
			else 
			{
				changeSlide(last_item, first_item) ;
			}
		}).periodical(5000) ;
		
	}
}) ;