window.addEvent('domready', function() {

/***************** Gestion du menu en accordéon ***************/
/*
	//menu accordéon
	var accordion2 = new Accordion('a.toggler', '.ssnav', {
		opacity: false,
		alwaysHide: false,
		display: -1
	}, $('nav-ventes'));
	
	//hover effect
	$$('a.toggler').each(function(e){
		e.addEvent('mouseenter', function() { this.fireEvent('click'); }); 
	});
*/


	$$('.ssnav').each(function(e) {
		e.setStyle('opacity','0');
	});
	
	// checks every .nav-item for a <ul> element
	$$('.toggler').each(function(el) {
		var sub = el.getElement('ul');
		if(sub)
		{
			// sets Slide based upon what level subnav it is
			var slide = new Fx.Slide(sub, { mode: 'horizontal', link: 'cancel' }).hide(); //
			el.addEvents({
				mouseenter: function(){
					//ici on rend tous les slides invisibles... avant d'ouvrir le courant
					//dans l'idéal, il faudrait les masquer tous (hide) et non juste les rendre invisibles
					$$('.ssnav').each(function(e) {
						e.setStyle('opacity','0');
					});
					slide.hide().slideIn();
					sub.morph({
						'opacity': '1'
					});
				},
				mouseleave: function(){
						//slide.slideOut();
						slide.hide();
						$$('.ssnav').each(function(e) {
							e.setStyle('opacity','0');
						});
						//sub.setStyle('opacity', '0');
						/*sub.morph({
							'opacity': '0'
						});*/
				}
			});
		}
	});
	
	$$('#nav a').addEvent('mouseenter', function() {
		$$('.ssnav').each(function(e) {
			e.setStyle('opacity','0');
		});
	});

});