
function masquer_menus_deroulant(){
	for(i=0;i<50;i++){
		if($('smenu_'+i)){
			$('smenu_'+i).fade('0');
			$('rubrique_'+i).removeClass('rubrique_hover');
		}
	}
}

function masquer_tous_menus(){
	for(i=0;i<50;i++){
		if($('smenu_'+i)){
			//$('smenu_'+i).style.height='0px';
			//$('smenu_'+i).set('opacity','0.80')
			//$('smenu_'+i).set('opacity','0.1');
			$('smenu_'+i).fade('0');
			$('rubrique_'+i).removeClass('rubrique_hover');
		}
	}
}

window.addEvent('domready', function(){
	// First Example
	// We are setting the opacity of the element to 0.5 and adding two events
	// var hauteur_menu=250;
	init_menu_deroulant();
});

function init_menu_deroulant(){
	var zone_menu2 = $$('.rubrique_list'); 
	zone_menu2.each(function(item3) {
		item3.addEvent('mouseover', masquer_menus_deroulant); 
	});
	// The same as before: adding events
	 var zone_menu = $$('.ul_deroulant'); 
	 zone_menu.each(function(item) {
		 //var smenu = item.getChildren();
		 //var rel_parent=item.get('title');
		 var  rel_parent=item.get('id').replace('smenu','rubrique');
		 item.set('opacity',0);
		$(rel_parent).set('rel',item.offsetHeight);
		//alert('test='+item.offsetHeight)
		$(rel_parent).addEvents({
			'mouseover': function(){
				masquer_menus_deroulant();
				if(item.get('opacity')<20){
					item.fade('0.90');
					//destination=this.getElement('a')
					//destination.addClass('rubrique_hover');
					this.addClass('rubrique_hover')
				}
			}
		 });
		 $(item).addEvents({
				'mouseover': function(){
				masquer_menus_deroulant();
				if(item.get('opacity')<20){
					item.fade('0.90');
				}
		 	}
		});
		 $(item).addEvents({
				'mouseleave': function(){
				// Resets the tween and changes the element back to its original size
				if(item.get('opacity')>0){
					item.fade('0');
					$(rel_parent).removeClass('rubrique_hover');
				}
		 	}
		});
		
	}); 
	// masquer_tous_menus();
}

