//<!------------------------------------------------------------------
//-- PROJET : Menu DHTML
//--------------------------------------------------------------------
//-- AUTEUR           : Simon Billette (Simon.Billette@eclys.com)
//-- SOCIETE          : Billette et Devos
//-- DATE CREATION    : JUILLET 2003
//-- OBJET            : menu.js.php
//--------------------------------------------------------------------
//-- DATE MODIF       :
//-- OBJET            :
//-------------------------------------------------------------------->

var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var curOpacity = 0	// Valeur en cours de l'opacité du menu
var curStateShow = 0	// Flag pour éviter que les méthodes showMenu et hideMenu ne se déclenchent en même temps (clignotement ...)
var curStateHide = 0	// Flag pour éviter que les méthodes showMenu et hideMenu ne se déclenchent en même temps (clignotement ...)

function dispMenu(newOpacity) {
	document.all.menuServices.innerHTML = '<table border="0" cellspacing="0" cellpadding="0" width="275" style="filter:alpha(opacity='+newOpacity+')">'
	+ '<tr valign="top"><td align="center" class="cCeSubMenuTr"><img src="http://www.cable-equipements.fr/img/spacer.gif" width="273" height="5" border="0"></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr" style="border-top-width: 0;">&nbsp;&nbsp;<a href="?menu=products&ID=2" class="cMenu" target="_top">Dérouleurs de touret</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=12" class="cMenu" target="_top">Dévidoirs de chantier</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=24" class="cMenu" target="_top">Enrouleurs à rappel automatique</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=13" class="cMenu" target="_top">PROTEGE-CABLES - Passage des PERSONNES</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=15" class="cMenu" target="_top">PROTEGE-CABLES - Passage des VEHICULES</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=17" class="cMenu" target="_top">Machines enrouleuses (couronnes)</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=5" class="cMenu" target="_top">Machines enrouleuses (tourets + couronnes)</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=8" class="cMenu" target="_top">Racks à tourets</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=3" class="cMenu" target="_top">Distributeurs de couronnes et bobines</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=7" class="cMenu" target="_top">Métreuses</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=23" class="cMenu" target="_top">Mesureur électronique</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=9" class="cMenu" target="_top">Enrouleuses manuelles</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=20" class="cMenu" target="_top">Enrouleurs à manivelle</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=21" class="cMenu" target="_top">Gaine MANGE-CABLE</a></td></tr>'
	+ '<tr valign="top"><td align="left" class="cCeSubMenuTr">&nbsp;&nbsp;<a href="?menu=products&ID=22" class="cMenu" target="_top">Poulies - Coupe-câbles - Bobines et Tourets</a></td></tr>'
	+ '<tr valign="top"><td align="center" class="cCeSubMenuTrLast"><img src="http://www.cable-equipements.fr/img/spacer.gif" width="175" height="5" border="0"></td></tr>'
	+ '</table>';
}

function showMenu() {
	if(n)	document.menuServices.style.visibility='visible';
	else {
		document.all.menuServices.style.visibility='visible';
		if ( (curOpacity < 100) && (curStateHide == 0) ) {
			curStateShow = 1;
			dispMenu(curOpacity);
			curOpacity	= curOpacity+50
			var timer	= setTimeout("showMenu()",100)
		} else if (curOpacity == 100) {
			dispMenu(curOpacity);
			curOpacity	= curOpacity+50
			curStateShow	= 0;
		}

	}
}

function hideMenu() {
	if(n)	document.menuServices.style.visibility='hidden';
	else {					
		if ( (curOpacity > 0) && (curStateShow == 0) ) {
			curStateHide = 1;
			dispMenu(curOpacity);
			curOpacity	= curOpacity-50
			var timer	= setTimeout("hideMenu()",100)
		} else if (curOpacity == 0) {
			dispMenu(curOpacity);						
			document.all.menuServices.style.visibility='hidden';
			curStateHide	= 0;
		}						
	}
}