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 une infobulle sur le title
function fnFrontNameTitle()
{
	var oFrontname = document.getElementById("front-name");
	if(oFrontname)
	{
		var oLink = oFrontname.getElementsByTagName("A")[0];
		if(oLink)
		{
			oLink.setAttribute("alt","Alphabets");
			oLink.setAttribute("title","Alphabets");			
		}
	}
}
//=======================================================================================
// 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 aqua";
		}
		else
		{
			oDiv.style.border = "1px solid lime";
		}

		if(oDiv.id)
		{
			var oSpan = d.createElement("SPAN");
				oSpan.setAttribute("style","background : #CCCCCC;");
				oSpan.innerHTML=""+oDiv.id;
			 oDiv.appendChild(oSpan);
		}
		// alert(oDiv.id)
	}
}

//=======================================================================================
var vgMsg = new Array();

function cl_messagederoulant( idObj, sIdUl )
{
	window.message = this;
	this.msgName = "message_"+idObj;

	vgMsg.push( this );

	var cpt = (vgMsg.length -1);

	this.divDeroul= document.getElementById( idObj );
	this.ulDeroul =  document.getElementById(sIdUl);
	/* --- */
  if(! this.ulDeroul)
	{
    var oUl = this.divDeroul.getElementsByTagName("UL")[0]
		if(!oUl)
		{
			oUl = document.createElement("UL");
	    this.divDeroul.appendChild( oUl );
		}
			var oNewsUl = oUl.cloneNode(true);
	        oNewsUl.setAttribute("id", sIdUl );

	  	var oDivSticker = document.createElement("DIV");
	        oDivSticker.appendChild( oNewsUl );

	  	this.divDeroul.removeChild( oUl );
	    this.divDeroul.appendChild( oDivSticker );

	    this.ulDeroul =  document.getElementById( sIdUl )
  }
  /* --- */
	 this.divDeroul.style.display = 'block';
   // this.divDeroul.innerHTML = vgMsg[cpt].msgName + this.divDeroul.innerHTML;
  /* --- */
	this.defil =
	function cl_messagederoulant_defil()
	{
    if( (this.ulDeroul.offsetLeft + this.ulDeroul.offsetWidth) <= 0)
		{
      this.ulDeroul.style.left = "100%"
		}
		this.ulDeroul.style.left=this.ulDeroul.offsetLeft-2+"px";
		clearTimeout(this.timer);
		// this.timer = setTimeout("window.message.defil()",13);
		this.timer = setTimeout( "vgMsg["+cpt+"].defil()" ,13);
	}
	/* --- */
	this.deroul =
	function cl_messagederoulant_deroul()
	{
    if( (this.ulDeroul.offsetTop + this.ulDeroul.offsetHeight) <= 0)
		{
      this.ulDeroul.style.top = "100%"
		}
		this.ulDeroul.style.top=this.ulDeroul.offsetTop-2+"px";
		clearTimeout(this.timer);
		// this.timer = setTimeout("window.message.deroul()",90);
		this.timer = setTimeout( "vgMsg["+cpt+"].deroul()" ,90);
	}
	/* --- */
	this.pause =
	function cl_messagederoulant_pause()
	{
		clearTimeout(this.timer);
	}
	/* --- */
	this.restart =
	function cl_messagederoulant_restart( sAction )
	{
		switch( sAction )
		{
			case 'deroul' :
				this.deroul()
				break;

			case 'defil' :
				this.defil();
				break;
		}
	}
}
//============================================================
function fnDisplayMsgDeroul( idDiv, sIdUl,  sAction ) {
  var oDiv = document.getElementById( idDiv )
	if( oDiv )
  {
		switch( sAction )
		{
			case 'deroul' :
					var oMessage = new  cl_messagederoulant( idDiv, sIdUl );
					    oMessage.deroul();
					oDiv.attachEvent ( "onmouseover", function ()	{ oMessage.pause(); })
					oDiv.attachEvent ( "onmouseout", function () { oMessage.restart( 'deroul' );})
				break;

			case 'defil' :
					var oMessage2 = new  cl_messagederoulant( idDiv, sIdUl );
					    oMessage2.defil();
					oDiv.attachEvent ( "onmouseover", function ()	{ oMessage2.pause(); })
					oDiv.attachEvent ( "onmouseout", function () { oMessage2.restart( 'defil' );})
				break;
		}

  }
}
//============================================================
if(DHTML && DOM)
{
	window.attachEvent
		(
		"onload",
			function ()
			{
		    if(MS)
				{
					menuderoul('navigation-menu');
					/*fnFrontNameTitle();*/
		    }
			}
			
		)
}
//============================================================