nav = navigator.appName.substring(0,3);
ver = navigator.appVersion.substring(0,1);
navigateur="autre";

if (document.layers) navigateur = "ns4+";
if ((document.all)&&(!document.getElementById)) navigateur = "ie4+";
if ((document.getElementById)&&(nav=="Net")) navigateur = "ns6+";
if ((document.getElementById)&&(nav=="Mic")) navigateur = "ie5+";
if (nav=="Ope") navigateur = "ns6+";

function show(vari)
{
	if ((navigateur == "ie5+") || (navigateur == "ns6+"))
    		document.getElementById(vari).style.visibility="visible";
    	else
    		document.all[vari].style.visibility="visible";
}

function hide(vari)
{
	if ((navigateur == "ie5+") || (navigateur == "ns6+"))
    		document.getElementById(vari).style.visibility="hidden";
    	else
    		document.all[vari].style.visibility="hidden";
}

function getLeft(MonAnch)
{
  if (MonAnch.offsetParent) return (MonAnch.offsetLeft + getLeft(MonAnch.offsetParent));
  else return (MonAnch.offsetLeft);
}

function getTop(MonAnch)
{
  if (MonAnch.offsetParent) return (MonAnch.offsetTop + getTop(MonAnch.offsetParent));
  else return (MonAnch.offsetTop);
}

function RecupCoordLeft(img,position)
{
	var pos = document.images[img];
	if ((navigateur == "ie5+") || (navigateur == "ns6+"))
		return getLeft(pos)-position;
	else
		return pos.x-4;
}

function RecupCoordTop(img,position)
{
	var pos = document.images[img];
	if ((navigateur == "ie5+") || (navigateur == "ns6+"))
  		return getTop(pos)-position;
  	else
  		return pos.y+1;
}


/* CREATION DU MENU
* nom : nom du calque à afficher/cacher
* image : nom de l'image (name) sur laquelle le calque doit se positionner
* cheminImage : chemin du répertoire des images (ex. : ../images/)
* imageout : nom de l'image physique (.gif ...) sur le out
* bgcolorOut : couleur de fond du calque sur le onMouseOut
* bgcolorOver : couleur de fond du calque sur le onMouseOver
* PosT : on enlève PosT à la position du calque en hauteur
* PosL : on enlève PosL à la position du calque en largeur
* Mclass : style appliqué au lien
* texte0 : texte du lien
* lien0 : lien en lui-même
* ...
*/

function NewSSMenu(nom, image, cheminImage, imageout, bgcolorOut, bgcolorOver, PosT, PosL, Mclass, texte0, lien0, texte1, lien1, texte2, lien2, texte3, lien3, texte4, lien4, texte5, lien5)
{
	document.write("<DIV id='"+nom+"' style='visibility:hidden;position:absolute;left:"+RecupCoordLeft(image, PosL)+"px;top:"+RecupCoordTop(image, PosT)+"px' onMouseOver=\"show('"+nom+"');changeImages('"+image+"', '"+cheminImage+""+image+"_over.gif');\" onMouseOut=\"hide('"+nom+"');changeImages('"+image+"', '"+cheminImage+""+imageout+"');\">");
	document.write("<TABLE style=\"filter:Shadow(color='#FFFFFF', Direction=135, Strength=5)\" BORDER=0 cellspacing=0 cellpadding=0>");
//	document.write("<TR><TD colspan=3 class=ssmenu><a class='"+Mclass+"' href='#'><img src='"+cheminImage+"pix_trans.gif' border=0 height=4 width=1></a></TD></TR>");
//	document.write("<TR><TD><img src='"+cheminImage+"pix_trans.gif' width=10 height=1></TD>");
//	document.write("<TD bgcolor='"+bgcolorOver+"'><img src='"+cheminImage+"pix_trans.gif' width=100% height=1></TD>");
//	document.write("<TD><img src='"+cheminImage+"pix_trans.gif' width=10 height=1></TD></TR>");
	var z = 0;
	for (var i=9; i<NewSSMenu.arguments.length; i+=2) 
	{
		var texte = NewSSMenu.arguments[i];
		var lien = NewSSMenu.arguments[i+1];		
		document.write("<TR><TD onMouseOver=\"\" onMouseOut=\"\" valign=bottom ><DIV id='"+nom+z+"' style='visibility:hidden;background-color:yellow;'><img src='"+cheminImage+"pix_trans.gif' width=10 height=5 border=0></DIV></TD>");
		document.write("<TD align=left ");
	 	document.write(" width='160'");
		document.write(" bgcolor='"+bgcolorOut+"' class=ssmenu");
		// Si on veut faire apparaitre un petit carré au début, rajouter le code suivant sur le OnMouseover
		// show('"+nom+z+"');
		document.write(" onMouseOver=\"this.style.background='"+bgcolorOver+"';return true;\"");
		document.write(" onMouseOut=\"hide('"+nom+z+"');this.style.background='"+bgcolorOut+"';\"><a class='"+Mclass+"' target='_parent' href='"+lien+"'>");
		document.write("&nbsp;&nbsp;&nbsp;"+texte+"&nbsp;&nbsp;&nbsp;</TD></a>");
		document.write("<TD onMouseOut=\"\"><img src='"+cheminImage+"pix_trans.gif' width=10></TD></TR>");
		document.write("<TR><TD onMouseOver=\"\"><img src='"+cheminImage+"pix_trans.gif' width=10 height=1></TD>");
		document.write("<TD onMouseOver=\"\" onMouseOut=\"\" bgcolor='#FFFFFF'><img src='"+cheminImage+"pix_trans.gif' width=100% height=1></TD>");
		document.write("<TD><img src='"+cheminImage+"pix_trans.gif' width=10 height=1></TD></TR>");
		z = z + 1;
	}
	document.write("<TR><TD colspan=3 class=ssmenu><img src='"+cheminImage+"pix_trans.gif' height=10></TD></TR>");
	document.write("</TABLE>");
	document.write("</DIV>");	
}