function addMenuItem(text, url, img)
{
	if(img) menuItems[menuItemNum] = new Array(text, url, img);
	else if(text) menuItems[menuItemNum] = new Array(text, url);
	else menuItems[menuItemNum] = new Array();
	menuItemNum++;
}

function generateMenu(menuItems)
{
	if(typeof(menuWidth) == "undefined") menuWidth = 128;//largeur du menu
	if(typeof(menuHeight) == "undefined") menuHeight = 126; //hauteur du menu
	menuDelay = 50; //délai avant que le menu apparaisse
	menuSpeed = 8; //vitesse d'apparition du menu
	menuOffset = 2; //distance du menu par rapport à la pointe de la souris
	
	if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
		isIe = 1;
	else
		isIe = 0;
	
	if(isIe)
	{
		menuContent = 	'<table id="rightMenu" width="0" height="0" cellspacing="0" cellpadding="0" style="font:menu;color:menutext;">'
		menuContent +=		'<tr height="1"><td style="background:threedlightshadow" colspan="4"></td>';
		menuContent +=			'<td style="background:threeddarkshadow"></td></tr>';
		menuContent +=		'<tr height="1">';
		menuContent +=			'<td style="background:threedlightshadow"></td><td style="background:threedhighlight" colspan="2"></td>';
		menuContent +=			'<td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr>';
		menuContent +=		'<tr height="10"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td>';
		menuContent +=		'<td style="background:threedface">';
		menuContent +=	'<table cellspacing="0" cellpadding="0" nowrap style="font:menu;color:menutext;cursor:default;">';
		for(m = 0; m < menuItems.length; m++)
		{
			if(menuItems[m][0] && menuItems[m][2])
			{
				menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" ';
				menuContent += 		'onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'">';
				menuContent += 		'<td style="background:threedface" width="1" nowrap></td>';
				menuContent += 		'<td width="21" nowrap><img src="' + menuItems[m][2] + '"></td>';
				menuContent += 		'<td width="120" nowrap>' + menuItems[m][0] + '</td>';
				menuContent += 		'<td width="21" nowrap></td>';
				menuContent += 		'<td style="background:threedface" width="1" nowrap></td></tr>';
			}
			else if(menuItems[m][0])
			{
				menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';"';
				if(typeof(menuTarget) == "undefined") {
					menuContent += 		'onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'';
				}
				else {
					menuContent += 		'onClick="window.open(\'' + menuItems[m][1] + '\'' + ',\'' + menuTarget + '\')';
				}
				menuContent += 		'">';
				menuContent += 		'<td style="background:threedface" width="1" nowrap></td>';
				menuContent += 		'<td width="21" nowrap></td>';
				menuContent += 		'<td width="120" nowrap>' + menuItems[m][0] + '</td>';
				menuContent += 		'<td width="21" nowrap></td>';
				menuContent += 		'<td style="background:threedface" width="1" nowrap></td></tr>';
			}
			else
			{
				menuContent += '<tr><td colspan="5" height="4"></td></tr>';
				menuContent += '<tr><td colspan="5"><table cellspacing="0">';
				menuContent += '<tr><td width="2" height="1"></td>';
				menuContent += 	'<td width="0" height="1" style="background:threedshadow"></td>';
				menuContent += 		'<td width="2" height="1"></td></tr>';
				menuContent += '<tr><td width="2" height="1"></td>';
				menuContent += 		'<td width="100%" height="1" style="background:threedhighlight"></td>';
				menuContent +=		'<td width="2" height="1"></td></tr></table></td></tr>';
				menuContent += '<tr><td colspan="5" height="3"></td></tr>';
			}
		}
		menuContent += '</table></td>';
		menuContent += '<td style="background:threedshadow"></td>';
		menuContent += '<td style="background:threeddarkshadow"></td></tr>';
		menuContent += '<tr height="1"><td style="background:threedlightshadow"></td>';
		menuContent += 		'<td style="background:threedhighlight"></td>';
		menuContent += 		'<td style="background:threedface"></td><td style="background:threedshadow"></td>';
		menuContent += 		'<td style="background:threeddarkshadow"></td></tr>';
		menuContent += 	'<tr height="1"><td style="background:threedlightshadow"></td>';
		menuContent += 		'<td style="background:threedshadow" colspan="3"></td>';
		menuContent += 		'<td style="background:threeddarkshadow"></td></tr>';
		menuContent += '<tr height="1"><td style="background:threeddarkshadow" colspan="5"></td></tr></table>';
		
		//on créé un popup dont le contenu html est la table contenant le menu
		menuPopup = window.createPopup();
		menuPopup.document.body.innerHTML = menuContent;
		
	}
}

function showMenu()
{
	menuXPos = event.clientX + menuOffset;
	menuYPos = event.clientY + menuOffset;
	
	menuXIncrement = menuWidth / menuSpeed;
	menuYIncrement = menuHeight / menuSpeed;
	
	menuTimer = setTimeout("openMenu(0,0)", menuDelay);
	
	return false;
}


function openMenu(height, width)
{
	iHeight = height;
	iWidth = width;
	
	menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body);
	
	if(iHeight < menuHeight)
		menuTimer = setTimeout("openMenu(iHeight + menuYIncrement, iWidth + menuXIncrement)", 1);
	else
		clearTimeout(menuTimer);
}