// -------------------------------------------------------------
	// Client-side global variables
	// -------------------------------------------------------------

	var sOpenMenuID = "";

	var iChunk = 0;
	var iChunkStep = 15;
	var iChunkDelay = 10;

	var sMenuPos = "right";   // values: "right", "below"
	var sMenuStyle = "diagonal";	// values: "down", "across", "diagonal"

/* ----------------------------------------------------------------
   main function, doMenu, that hides any open pop-up menus, determines 
   which menu DIV to access, and starts its display 
	---------------------------------------------------------------- */

	function DoMenu() 
	{
		sMenuStyle = "diagonal";
		if (gblnMessage == true || gobjHTTP.readyState != 4) {
			window.event.cancelBubble = true;
			window.event.returnValue = false;
			return;
		}
		window.event.cancelBubble = true;
		var eSrc = window.event.srcElement;
		// ----------------------------------------------------------
		// If we have a menu open, close it
		// ----------------------------------------------------------
		if ("object" == typeof(document.all[sOpenMenuID])) 
		{
			if (sOpenMenuID.indexOf('divMenuProduit') != -1) 
			{
				document.all[sOpenMenuID].innerHTML = "";
			}
			document.all[sOpenMenuID].style.display = "none";
			document.all[sOpenMenuID].style.visibility = "hidden";

			// ----------------------------------------------------------
			// If the menu open is the one whose title we click then bail
			// ----------------------------------------------------------

			if (sOpenMenuID == eSrc.id.replace("imgMenuTitle","divMenu") || sOpenMenuID == "divMenuTitle")
			{	
				sOpenMenuID = "";
				return false;
			}
			else 
			{
				sOpenMenuID = "";
			}
		}
		// ----------------------------------------------------------
		// If a menu title (other than that of an open menu) was clicked
		// ----------------------------------------------------------

		if ("clsMenuTitle" == eSrc.className) 
		{

		// ----------------------------------------------------------
		// Cancel default link behavior
		// ----------------------------------------------------------

			window.event.returnValue = false;

		// ----------------------------------------------------------
		// Get Menu associated with the Menu Title and make sure it exists
		// If it does, show the Menu
		// ----------------------------------------------------------
			
			sOpenMenuID = eSrc.id.replace("imgMenuTitle","divMenu");
			if (gXMLMenu.selectSingleNode("Menus/Menu[./@ID='" + sOpenMenuID + "']")) 
			{
				strNomMenu = sOpenMenuID;
				sOpenMenuID = "divMenuTitle";
				var eMenu = document.all[sOpenMenuID];
				eMenu.innerHTML = gXMLMenu.selectSingleNode("Menus/Menu[./@ID='" + strNomMenu + "']").text;
				iChunk = iChunkStep;
				// ----------------------------------------------------------
				// Get the offset of the parent TR and TABLE for positioning the Menu
				// ----------------------------------------------------------

				var eTR = eSrc.parentElement
				var eTABLE = eTR.parentElement;

				// ----------------------------------------------------------
				// Set the right and top offsets based on sMenuPos
				// ----------------------------------------------------------

				if ("right" == sMenuPos) 
				{
					//eMenu.style.left = 90 + eSrc.width;
					eMenu.style.left = 60 + eSrc.width;
					//eMenu.style.left = 130 + eSrc.width;
					//eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop;
					eMenu.style.top = eTABLE.parentElement.parentElement.offsetTop + eSrc.offsetTop + 117;
			
				}
				else 
				{
					eMenu.style.left = eTABLE.offsetLeft + 26;
					eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}

				// ----------------------------------------------------------
				// Zero out the Menu size and start the ShowMenu process
				// ----------------------------------------------------------
				
				
				eMenu.style.clip = "rect(0 0 0 0)";
				eMenu.style.display = "block";
				document.all[sOpenMenuID].style.visibility = "visible";
				document.all[sOpenMenuID].style.zIndex = 1;
				return window.setTimeout("ShowMenu(" + eMenu.id + ")", iChunkDelay);
			}
		}
		if ("clsDescriptionTitle" == eSrc.className) 
		{

		// ----------------------------------------------------------
		// Cancel default link behavior
		// ----------------------------------------------------------

			window.event.returnValue = false;

		// ----------------------------------------------------------
		// Get Menu associated with the Menu Title and make sure it exists
		// If it does, show the Menu
		// ----------------------------------------------------------

			sOpenMenuID = eSrc.id.replace("imgMenuTitle","divMenu")
			if ("object" == typeof(document.all[sOpenMenuID])) 
			{
				var eMenu = document.all[sOpenMenuID];
				var eTableParent = document.all["tab" + eSrc.Produit];
				eMenu.innerHTML = eSrc.Description;
				eMenu.style.backgroundColor = eSrc.Couleur;
				eMenu.style.color = eSrc.CouleurTexte;
				eMenu.style.border = 'solid 1';
				eMenu.style.borderRightColor =  eSrc.CouleurTexte;
				eMenu.style.borderLeftColor =  'white';
				eMenu.style.borderTopColor =  'white';
				eMenu.style.borderBottomColor =  eSrc.CouleurTexte;
				iChunk = iChunkStep;
				// ----------------------------------------------------------
				// Get the offset of the parent TR and TABLE for positioning the Menu
				// ----------------------------------------------------------

				var eTR = eSrc.parentElement;
				var eTABLE = eTR.parentElement;

				// ----------------------------------------------------------
				// Set the right and top offsets based on sMenuPos
				// ----------------------------------------------------------

				if ("right" == sMenuPos) 
				{
					//eMenu.style.left = 90 + eSrc.width;
					eMenu.style.left = 200 + eTableParent.parentElement.parentElement.offsetLeft;
					eMenu.style.top = 250 + eTableParent.parentElement.parentElement.offsetTop;
				}
				else 
				{
					eMenu.style.left = eTABLE.offsetLeft + 26;
					eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}

				// ----------------------------------------------------------
				// Zero out the Menu size and start the ShowMenu process
				// ----------------------------------------------------------

				eMenu.style.clip = "rect(0 0 0 0)";
				eMenu.style.display = "block";
				document.all[sOpenMenuID].style.visibility = "visible";
				document.all[sOpenMenuID].style.zIndex = 1;
				return window.setTimeout("ShowMenu(" + eMenu.id + ")", iChunkDelay);
			}
		}
		if ("clsProduitDesc" == eSrc.className) 
		{

		// ----------------------------------------------------------
		// Cancel default link behavior
		// ----------------------------------------------------------

			window.event.returnValue = false;

		// ----------------------------------------------------------
		// Get Menu associated with the Menu Title and make sure it exists
		// If it does, show the Menu
		// ----------------------------------------------------------

			sOpenMenuID = eSrc.id.replace("imgMenuTitle","divMenu")
			if ("object" == typeof(document.all[sOpenMenuID])) 
			{
				var eMenu = document.all[sOpenMenuID];
				var eTableParent = document.all["tabPanierProduit" + eSrc.Produit];
				
				eMenu.innerHTML = document.all["divPanierDescProduit" + eSrc.Produit].innerHTML;
				iChunk = iChunkStep;
				// ----------------------------------------------------------
				// Get the offset of the parent TR and TABLE for positioning the Menu
				// ----------------------------------------------------------

				var eTR = eSrc.parentElement;
				var eTABLE = eTR.parentElement;

				// ----------------------------------------------------------
				// Set the right and top offsets based on sMenuPos
				// ----------------------------------------------------------

				if ("right" == sMenuPos) 
				{
					//eMenu.style.left = 90 + eSrc.width;
					eMenu.style.left = 200 + eTableParent.parentElement.parentElement.offsetLeft;
					eMenu.style.top = 195 + eTableParent.parentElement.parentElement.offsetTop - divLignePanier.scrollTop;
					//eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}
				else 
				{
					eMenu.style.left = eTABLE.offsetLeft + 26;
					eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}

				// ----------------------------------------------------------
				// Zero out the Menu size and start the ShowMenu process
				// ----------------------------------------------------------

				eMenu.style.clip = "rect(0 0 0 0)";
				eMenu.style.display = "block";
				document.all[sOpenMenuID].style.visibility = "visible";
				document.all[sOpenMenuID].style.zIndex = 1;
				return window.setTimeout("ShowMenu(" + eMenu.id + ")", iChunkDelay);
			}
		}
		if ("clsProduitAccueil" == eSrc.className) 
		{

		// ----------------------------------------------------------
		// Cancel default link behavior
		// ----------------------------------------------------------

			window.event.returnValue = false;

		// ----------------------------------------------------------
		// Get Menu associated with the Menu Title and make sure it exists
		// If it does, show the Menu
		// ----------------------------------------------------------

			sOpenMenuID = eSrc.id.replace("imgMenuTitle","divMenu")
			if ("object" == typeof(document.all[sOpenMenuID])) 
			{
				var eMenu = document.all[sOpenMenuID];
				var eTableParent = document.all["tabAccueilProduit" + eSrc.Produit];
				
				eMenu.innerHTML = document.all["divAccueilDescProduit" + eSrc.Produit].innerHTML;
				iChunk = iChunkStep;
				// ----------------------------------------------------------
				// Get the offset of the parent TR and TABLE for positioning the Menu
				// ----------------------------------------------------------

				var eTR = eSrc.parentElement;
				var eTABLE = eTR.parentElement;

				// ----------------------------------------------------------
				// Set the right and top offsets based on sMenuPos
				// ----------------------------------------------------------
				
				
				sMenuStyle = "across";
				if ("right" == sMenuPos) 
				{
					//eMenu.style.left = 90 + eSrc.width;
					eMenu.style.left = 160 + eSrc.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.offsetLeft;
					eMenu.style.top = 586;
					//eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}
				else 
				{
					eMenu.style.left = eTABLE.offsetLeft + 26;
					eMenu.style.top = eTABLE.offsetTop + eTR.offsetTop + eSrc.height;
				}

				// ----------------------------------------------------------
				// Zero out the Menu size and start the ShowMenu process
				// ----------------------------------------------------------

				eMenu.style.clip = "rect(0 0 0 0)";
				eMenu.style.display = "block";
				document.all[sOpenMenuID].style.visibility = "visible";
				document.all[sOpenMenuID].style.zIndex = 1;
				return window.setTimeout("ShowMenu(" + eMenu.id + ")", iChunkDelay);
			}
		}
	}

	// ----------------------------------------------------------
	// Function which returns the appropriate menu diplay animation
	// ----------------------------------------------------------

	function GetShowStyle() {
		if ("down" == sMenuStyle) return "rect(0 100% " + iChunk + "% 0)";
		if ("across" == sMenuStyle) return "rect(0 " + iChunk + "% 100% 0)";
		if ("diagonal" == sMenuStyle) return "rect(0 " + iChunk + "% " + iChunk + "% 0)";
		else return "rect(0 100% " + iChunk + "% 0)";
	}

	// ----------------------------------------------------------
	// Function which incrementally displays Menu in appropriate style
	// ----------------------------------------------------------

	function ShowMenu(eMenu) {
		eMenu.style.clip = GetShowStyle();
		if (100 >= iChunk) {
			window.setTimeout("ShowMenu(" + eMenu.id + ")", iChunkDelay);
		}
		iChunk += iChunkStep;
	}

	// ----------------------------------------------------------
	// Global document onclick event handler
	// ----------------------------------------------------------

	document.onclick = DoMenu;