// Nom du menu déroulé.
var activeButton = null;

// Referme le menu quand la souris clique en dehors
document.onmousedown = fermerMenu;

// Fonction de fermeture du menu
function fermerMenu(event) {
  if (!activeButton)
  	// Si pas de menu déroulé
    return;
	
  var el = window.event.srcElement;
  if (el.className != "popupItem")
  	// Ferme si ne clique pas sur un lien
    popDown(activeButton);
}

// Déroule un menu
function popUp(button,menuName) {
  var w, dw, x, y;

  if ((activeButton) && (button!=activeButton))
  	 // Si un autre menu est ouvert le fermer
  	 popDown(activeButton);

  if (!button.menu)
  	 // Associe le menu au bouton si ce n'est déjà fait.
    button.menu = document.getElementById(menuName);
  
  // Récupère la position du menu
  x = getPageOffsetLeft(button);
  y = getPageOffsetTop(button) + button.offsetHeight;

  // Déroule le menu.
  button.menu.style.left = x + "px";
  button.menu.style.top  = y + "px";
  button.menu.style.visibility = "visible";

  button.isDepressed = true;
  activeButton = button;  
  return false;
}

// Efface le menu
function popDown(button) {
  if (button.menu)
    button.menu.style.visibility = "hidden";
  button.isDepressed = false;
  activeButton = null;
}

// Renvoie la position en x d'un élément.
function getPageOffsetLeft(el) {
  return el.offsetLeft +
  		 (el.offsetParent ? getPageOffsetLeft(el.offsetParent) : 0);
}

// Renvoie la position en y d'un élément
function getPageOffsetTop(el) {
  return el.offsetTop +
  		 (el.offsetParent ? getPageOffsetTop(el.offsetParent) : 0);
}

// Code HTML des menus
function printMenu(m,sm) {
    document.write("<span class=menu>");
	var m1="<a href=societe.htm class=menu onMouseOver='return fermerMenu();'>Société </a> <img src=../images/tiret.gif> ";
	var m2="<a href=machines.htm class=menu  onMouseOver=popUp(this,'machine');>Machine</a> <img src=../images/tiret.gif> ";
	var m3="<a href=technique.htm class=menu  onmouseover=popUp(this,'technique');> Technique</a> <img src=../images/tiret.gif> ";
	var m4="<a href=reference.htm class=menu onMouseOver='return fermerMenu();'>Références</a> <img src=../images/tiret.gif> ";
	var m5="<a href=contact.htm class=menu onMouseOver='return fermerMenu();'>Contact</a>";
	if (m==1)
    	m1="<a href=societe.htm class=menuactif onMouseOver='return fermerMenu();'>Société </a>|";
    if (m==2) {
    	m2="<a href=machines.htm class=menuactif onMouseOver=popUp(this,'machine');> Machines ";
		if (sm==1) m2=m2+"> Avantages";
		if (sm==2) m2=m2+"> Applications";
		if (sm==3) m2=m2+"> Structure";
		if (sm==4) m2=m2+"> Gamme";
		if (sm==5) m2=m2+"> Installation";
		m2=m2+" </a>|";}
	if (m==3) {
    	m3="<a href=technique.htm class=menuactif onMouseOver=popUp(this,'technique');> Technique > ";
		if (sm==1) m5=m5+"Entretien";
		if (sm==2) m5=m5+"Cotes";
		m3=m3+" </a>";}
    if (m==4)
    	m4="<a href=reference.htm class=menuactif onMouseOver='return fermerMenu();'> Références </a>|";
	if (m==5)
    	m5="<a href=contact.htm class=menuactif onMouseOver='return fermerMenu();'> Contact </a>|";
	document.write(m1+m2+m3+m4+m5);
	document.write("</span>");
}

// Code HTML des menus Popup
function printMenuPopup() {
	document.write("<div id=machine class=popup>");
	document.write("<a href=avantages.htm class=popupItem>Avantages</a>");
	document.write("<a class=popupItem href=applications.htm>Applications</a>");
	document.write("<a class=popupItem href=structure.htm>Structure</a>");
	document.write("<a class=popupItem href=gamme.htm>Gamme</a>");
	document.write("<a class=popupItem href=installation.htm>Installation</a>");
	document.write("</div>");
	document.write("<div id=technique class=popup>");
	document.write("<a class=popupItem href=entretien.htm>Entretien</a>");
	document.write("<a class=popupItem href=cotes.htm>Cotes</a>");
	document.write("</div>");
}