function menuderoul(divid)
{
	this.div = document.getElementById(divid);
	if( this.div )
	{
	   this.lis = this.div.getElementsByTagName("LI");
	   for(var i=0; i<this.lis.length ; i++ )
	   {
		   this.lis[i].onmouseover =  
			   function() 
			   {
				   this.className+=" over";
			   }
		   this.lis[i].onmouseout =
			   function()
			   {
				   this.className=this.className.replace(" over", "");
			   }
	   }
	}
}
//=======================================================================================
// Affiche les bordures des divs --- Utile en DEV.
function fnShowDivIds()
{
	var d = document;
	for (var i=0; i<d.getElementsByTagName("DIV").length; i++)
	{
		var oDiv = d.getElementsByTagName("DIV")[i];
		if("DIV" == oDiv.parentNode.tagName)
		{
			oDiv.style.border = "1px dotted blue";
		}
		else
		{
			oDiv.style.border = "1px solid green";
		}
		
		if(oDiv.id)
		{
			var oSpan = d.createElement("SPAN");
				oSpan.setAttribute("style","background : #CCCCCC;");
				oSpan.innerHTML=""+oDiv.id;
			 oDiv.appendChild(oSpan);
		}
		// alert(oDiv.id)
	}
}
//============================================================
if(DHTML && DOM)
{
	window.attachEvent
		(
		"onload",
			function () 
			{
			    if(MS)
			    {
					 menuderoul('navigation-menu');
			    }
			    // fnShowDivIds();
			}
		)
}
//============================================================

