var BoucleSousMenu = new Array();
var BoucleDetails = 0;
var alpha = 0;
var NbEtape = 0;

function AnimationMenu(action,menu,smenu)
{

    var taille = 0;
		if(document.getElementById("ul_sous_menu_"+smenu))
		{
		
		    taille = document.getElementById("ul_sous_menu_"+smenu).offsetHeight;
		
		}
		
		NbEtape = Math.round(taille/30);

    switch(action)
		{
		
		    case 0:
				{//enroule

						alpha=document.getElementById("sous_menu_"+smenu).style.opacity*100;
						
						document.getElementById("sous_menu_"+smenu).style.border="1px solid #7f7f7f";	
						
						BoucleSousMenu[smenu] = clearInterval(BoucleSousMenu[smenu]);
				    BoucleSousMenu[smenu] = setInterval("EnrouleMenuHautBas("+menu+","+smenu+","+NbEtape+")",30);
				
				}break;
				
				case 1:
				{//deroule
				
						document.getElementById("menu_"+menu).style.borderLeft="1px solid #7f7f7f";
						document.getElementById("menu_"+menu).style.borderTop="1px solid #7f7f7f";
						document.getElementById("menu_"+menu).style.borderRight="1px solid #7f7f7f";
						
						document.getElementById("blanc_border_sous_menu_"+smenu).style.width=(document.getElementById("menu_"+menu).offsetWidth-2)+"px";
						document.getElementById("blanc_border_sous_menu_"+smenu).style.display="inline";
						
						//on récupére l'alpha du sous menu en cours
						alpha=document.getElementById("sous_menu_"+smenu).style.opacity*100;
						if(isNaN(alpha))
						{//pour le prenier affichage
						
						    alpha = 0;
						
						}

						document.getElementById("sous_menu_"+smenu).style.border="1px solid #7f7f7f";
				    BoucleSousMenu[smenu] = clearInterval(BoucleSousMenu[smenu]);
						BoucleSousMenu[smenu] = setInterval("DerouleMenuHautBas("+menu+","+smenu+","+taille+","+NbEtape+")",30);

				
				}break;
				
				case 2:
				{//enroule tout
				
						 for(i=1; i<BoucleSousMenu.length; i++)
						{
						
						    BoucleSousMenu[i] = clearInterval(BoucleSousMenu[i]);
				    		BoucleSousMenu[i] = setInterval("EnrouleMenuHautBas("+i+")",30);
						
						}
				
				}break;
				
				default:
				{//stope tout
				    
				    for(i=1; i<BoucleSousMenu.length; i++)
						{
						
						    clearInterval(BoucleSousMenu[i]);
						
						}
				
				}break;
				
				
		
		}
		
}

function DerouleMenuHautBas(menu,smenu,taille,NbEtape)
{

    sousmenu = document.getElementById("sous_menu_"+smenu);

		if(sousmenu.offsetHeight+30 > taille)
		{
		
		    clearInterval(BoucleSousMenu[smenu]);
		    sousmenu.style.height = document.getElementById("ul_sous_menu_"+smenu).offsetHeight+"px";
				alpha = 100;
		
		}
		else
		{

				alpha += Math.round(100/NbEtape);
				
				sousmenu.style.height = (sousmenu.offsetHeight+30)+"px";
		
		}
		
		//transparence
		sousmenu.style.opacity = alpha / 100;
		
		/** Test pour notre cher IE */
  	if (document.body.filters != undefined)
  	{
  	
  		sousmenu.style.filter = 'alpha(opacity:' + alpha + ')';
  		
  	}

}

function EnrouleMenuHautBas(menu,smenu,NbEtape)
{

    sousmenu = document.getElementById("sous_menu_"+smenu);

    if(sousmenu.offsetHeight-30 < 0)
		{
		
		    clearInterval(BoucleSousMenu[smenu]);
		    sousmenu.style.height = "0px";
				document.getElementById("sous_menu_"+smenu).style.border="none";
				document.getElementById("blanc_border_sous_menu_"+smenu).style.display="none";
				
				document.getElementById("menu_"+menu).style.borderLeft="1px solid #ffffff";
    		document.getElementById("menu_"+menu).style.borderTop="1px solid #ffffff";
    		document.getElementById("menu_"+menu).style.borderRight="1px solid #ffffff";
						
				alpha=0;

		}
		else
		{
		
		    alpha -= Math.round(100/NbEtape);
		    sousmenu.style.height = (sousmenu.offsetHeight-30)+"px";

		}
		
		//transparence
		sousmenu.style.opacity = alpha / 100;
		
		/** Test pour notre cher IE */
  	if (document.body.filters != undefined)
  	{
  	
  		sousmenu.style.filter = 'alpha(opacity:' + alpha + ')';
  		
  	}
    
}




function AfficheDetails(action,smenu,detail)
{

    sousmenu = document.getElementById("sous_menu_"+smenu);
		
		//largeur finalle du menu+details
		taille = document.getElementById("ul_sous_menu_"+smenu).offsetWidth+250;
		
		clearInterval(BoucleDetails);

		//on remets à 0 les tailles des details
		for(i=1; document.getElementById("details_sous_menu_"+smenu+"_"+i); i++)
		{
		
		    document.getElementById("details_sous_menu_"+smenu+"_"+i).style.display = "none";
				//document.getElementById("details_sous_menu_"+smenu+"_"+i).style.marginLeft = document.getElementById("ul_sous_menu_"+smenu).offsetWidth+"px";
				document.getElementById("details_sous_menu_"+smenu+"_"+i).style.height = sousmenu.offsetHeight+"px";
				//document.getElementById("details_sous_menu_"+smenu+"_"+i).style.width = "0px";
		
		}
		sousmenu.style.width = document.getElementById("ul_sous_menu_"+smenu).offsetWidth+"px";
		
		
    if(action == "1")
		{

    		document.getElementById("details_sous_menu_"+smenu+"_"+detail+"").style.display = "inline";
        BoucleDetails = setInterval("DerouleMenuGaucheDroite("+smenu+","+detail+","+taille+")",30);
		
		}
		else
		{
		
		    sousmenu.style.width = document.getElementById("ul_sous_menu_"+smenu).offsetWidth+"px";
				
		
		}

}

function DerouleMenuGaucheDroite(smenu,detail,taille)
{

    sousmenu = document.getElementById("sous_menu_"+smenu);

		if(sousmenu.offsetWidth+30 > taille)
		{
		
		    clearInterval(BoucleDetails);
		    sousmenu.style.width = taille+"px";
				//document.getElementById("details_sous_menu_"+smenu+"_"+detail).style.width = "250px";
		}
		else
		{
		
				sousmenu.style.width = (sousmenu.offsetWidth+30)+"px";
				//document.getElementById("details_sous_menu_"+smenu+"_"+detail).style.width = (document.getElementById("details_sous_menu_"+smenu+"_"+detail).offsetWidth+30)+"px";

		}

}