// Script de mise en forme du menu avance //



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


		$$(".level_2").setStyles({left:"0px"});



	   forme_menu();
	   anim_menu();

});



function forme_menu(){

	var menuavance = 1;


	 $$(".level_2").each(function(menuav)
	{


		var hauteur_un = 0;
		var hauteur_deux = 0;
		var hauteur_trois = 0;

		var col2 = 0;
		var col3 = 0;

		$$('li').each(function(menuli)
		{



			if( menuli.getParent() == menuav )
			{


			hauteur_un = hauteur_un + menuli.offsetHeight;





					if( menuli.offsetHeight > menuav.offsetHeight )
					{
						
						menuav.style.height= hauteur_un+"px";


					}



				if (hauteur_un > menuav.offsetHeight )
				{
						menuli.className  = "titre_menuav_col2_"+menuavance;
						col2 = 1;

						hauteur_deux = hauteur_deux + menuli.offsetHeight;

						if (hauteur_deux > menuav.offsetHeight - 20)
						{
							menuli.className = "titre_menuav_col3_"+menuavance;
							col3 = 1;

							hauteur_trois = hauteur_trois + menuli.offsetHeight;

							if (hauteur_trois > menuav.offsetHeight - 20)
							{

								menuli.style.display = "none";

							}

						}
				}else{
					menuli.className = "titre_menuav_col1_"+menuavance;
				}

			}

		});



	var p = $$(".titre_menuav_col1_"+menuavance);
	new Element('div', {id: 'block_col1'}).wraps(p[0]).adopt(p);
	
	var d = $$(".titre_menuav_col2_"+menuavance);
	if(col2 == 1){ new Element('div', {id: 'block_col2'}).wraps(d[0]).adopt(d); }
	
	var t = $$(".titre_menuav_col3_"+menuavance);
	if(col3 == 1){ new Element('div', {id: 'block_col3'}).wraps(t[0]).adopt(t); }

	menuavance = menuavance +1;


	});


}

function anim_menu()
{
	/////// Menu animation : Fondu simple ////////////
	 
		$$(".level_2").setStyles({opacity:0, display:"none"});
		
		
		//// Survol souris : ///////////////////////////////////////////
		$$('.rubrique_menuav').addEvent(
			
			'mouseenter', function()
			{
				
				//// Objet Effet_over ////////////
				if ($(this).getElement('.level_2')){
					$(this).getElement('.level_2').setStyles({ zIndex :"2", left: "0"});
				}
				var effect_over = new Fx.Morph(($(this).getElement('.level_2')),
				{
					duration: 650//,
					//transition: Fx.Transitions.Sine.easeOut
				});

				effect_over.start({
					'opacity':1,
					'display':"block",
					'visibility': "visible"
				
				});
				////////////////////////////////////
				
			});

		//// Non survol souris : ///////////////////////////////////////
		$$('.rubrique_menuav').addEvent(
			
			'mouseleave', function()
			{
				if ($(this).getElement('.level_2')){	
					$(this).getElement('.level_2').setStyles({opacity:0, display:"none", visibility: "hidden"});
					$(this).getElement('.level_2').setStyles({ zIndex :"1", left: "999em"});
				}
		});
	

	///////////////////////////////////////////////////////////////////////



	/////// Menu animation : Déroulement haut avec fondu simple ////////////
	
	/*
		// $$(".level_2").setStyles({opacity:0, display:"none"});
		
		
		//// Survol souris : ///////////////////////////////////////////
		$$('.rubrique_menuav').addEvent(
			
			'mouseenter', function()
			{
				
				//// Objet Effet_over ////////////
				
				var h_menuav = $(this).getElement('.level_2').getSize();
				// alert (h_menuav.y);
				var h_menu = h_menuav.y;
				$(this).getElement('.level_2').setStyles({left: "0",  visibility: "visible",  height: 0 });
				var effect_over = new Fx.Morph(($(this).getElement('.level_2')),
				{
					duration: 650,
					transition: Fx.Transitions.Sine.easeOut
				});
				
				
				effect_over.start({
					'opacity':1,
					'height':350, ////ICI CHANGER LA HAUTEUR EN VARIABLE EN FONCTION DU MENUAV !!! ////
					'bottom':(-h_menu - 20)
				
				});
				////////////////////////////////////
				
			});

		//// Non survol souris : ///////////////////////////////////////
		$$('.rubrique_menuav').addEvent(
			
		'mouseleave', function(menuav)
		{
			////ICI CHANGER LE BOTTOM EN VARIABLE EN FONCTION DU MENUAV !!! ////
			$(this).getElement('.level_2').setStyles({opacity:0});
			$(this).getElement('.level_2').setStyles({left: "999em", visibility: "hidden" , bottom : "-2px"});
			
		});
		*/
	///////////////////////////////////////////////////////////////////////
}