var machmenu, temachmenu = 0, idmenu, heightmenu = 1, Height, avancemenu, minutemenu;
//var Width, widthmenu = 1
function getoffset( Obj, Prop )
	{
	var iVal = 0;
	while (Obj )
		{
		eval('iVal += Obj.' + Prop + ';');
		Obj = Obj.offsetParent;
		}
	return iVal;
	}

function efface()
	{
	clearInterval(machmenu);
	heightmenu = 1;
	if(idmenu.style.visibility == "visible") 
		{
		idmenu.style.visibility = "hidden";
		idmenu.style.height = "1px";
		temachmenu = 0; idmenu = "";
		}
	}

function ouvremenu()
	{
	Height = Math.min(Height+avancemenu, heightmenu);
	//Width = Math.min(Width+8, widthmenu);
	if(idmenu.style) { 
	idmenu.style.height = Height+"px";  
	//idmenu.style.width = Width+"px"; 
	}
	if(Height == heightmenu /*&& Width == widthmenu*/) clearInterval(machmenu);
	}
	
function menusderoulants()
	{
	for(var y = 0; y < arguments.length; y++)
		{
		var bnd = arguments[y];
		var menuder = document.getElementById(bnd);
		var menus = menuder.getElementsByTagName('a');
		for(var k = 0, l = menus.length; k < l; k++)
			{
			if(menus[k].className == "titremenu")
				{
				menus[k].onmouseover = function()
					{
					clearTimeout(minutemenu);
					if(idmenu != this.nextSibling)
						{
						var tags = document.getElementsByTagName("*");
						for(var s = 0, t = tags.length; s <t; s++)
							{
							if(tags[s].className == "men" && tags[s].style.visibility == "visible") 
								{
								heightmenu = 1; //widthmenu = 1;
								clearInterval(machmenu);
								tags[s].style.visibility = "hidden"; tags[s].style.height = 1+"px"; //tags[s].style.width = 1+"px"; 
								}
							}
						if(this.nextSibling.nodeName != "DIV") {idmenu =""; return; }
						idmenu = this.nextSibling;
						Height = idmenu.offsetHeight;
						//Width = idmenu.offsetWidth;
						var tabsmenu = idmenu.getElementsByTagName("span");
						var nbmenus = tabsmenu.length;
						//widthmenu = tabsmenu[0].offsetWidth;
						for(var s = 0; s <nbmenus; s++) heightmenu+= tabsmenu[s].offsetHeight;
						avancemenu = Math.ceil(heightmenu/20);
						idmenu.style.left = (getoffset(this, 'offsetLeft'))+"px";
						idmenu.style.top = (getoffset(this.parentNode, 'offsetTop')+this.parentNode.offsetHeight)+"px";
						idmenu.style.visibility="visible";
						if(temachmenu == 0) machmenu = setInterval("ouvremenu()",10);
						}
					}
				var sousmenu = menus[k].nextSibling;
				if(sousmenu.nodeName == "DIV")
					{ 
					menus[k].onmouseout = function() { idmenu = this.nextSibling; minutemenu = setTimeout("efface()",30);  }
					var sousliens = sousmenu.getElementsByTagName('a'); var sll = sousliens.length;
					sousliens[0].onmouseover = function() { stylemenu(this,"-400px bottom","-200px top","over"); }
					sousliens[0].onmouseout = function() { stylemenu(this,"left top","left top","out"); }
					sousliens[sll-1].onmouseover = function() { stylemenu(this,"-200px bottom","-400px top","over"); }
					sousliens[sll-1].onmouseout = function() { stylemenu(this,"left bottom","left bottom","out"); }
					for(var f =1 ; f < sll-1; f++)
						{
						sousliens[f].onmouseover = function() { stylemenu(this,"-400px bottom","-400px top","over"); }
						sousliens[f].onmouseout =  function() { stylemenu(this,"left 50%","left 50%","out"); }
						}
					}
				}
			}
		}
	}

function stylemenu(lien,stb,sth,sens)
	{
	lien.parentNode.style.backgroundPosition = stb;
	lien.style.backgroundPosition = sth;
	if(sens == "out") { idmenu = lien.parentNode.parentNode; minutemenu = setTimeout("efface()",30);}
	else { clearTimeout(minutemenu); }
	}