window.addEvent('domready', function() {
	//-vertical

	var myVerticalSlide = new Fx.Slide('ssMenuVins', {transition: Fx.Transitions.Sine.easeIn , link: 'cancel' }).hide();

	$('ssMenuVins').setStyle('opacity', '0');
	$$('.ssMenu').each(function(elt) { // on rend invisible tous les ss-menus
		elt.setStyle('opacity', '0');
	});

	$('menuVins').getElements('a').each(function(el) {
		
		el.addEvent('mouseover', function(e){
			e.stop();

			$$('.ssMenu').each(function(elt) { // on rend invisible tous les ss-menus
				elt.morph({ 'opacity': '0' });
			});
			
			$('menuVins').getElements('a').each(function(elts) { elts.className='lienVins'; });
			el.className='lienVins lienVinsActif';

			myVerticalSlide.slideIn();
			$('ssMenuVins').morph({ 'opacity': '1' });
			
			//var nb = el.id.charAt(4);  //on récupère l'id du lien afin d'afficher le bon ss-menu 
			var nb = el.id.substr(4,2);   
			quel = 'ssMenu'+nb; //alert(quel);
			$(quel).morph({ 'opacity': '1' });
		});
	});

	// gestion de la réouverture du sous menu actif...
	$$('.lienVinsActif').each(function(el) {
		myVerticalSlide.show();
		$('ssMenuVins').morph({ 'opacity': '1' });
		//var nb = el.id.charAt(4); //alert(nb);
		var nb = el.id.substr(4,2);
		quel = 'ssMenu'+nb; //alert(quel);
		$(quel).morph({ 'opacity': '1' });
	});

});