/*
function	menu_zindex (node, index)
{
	var		item;
	var		i;

	for (i = 0; i < node.childNodes.length; i++)
	{
		item = node.childNodes[i];

		switch (item.tagName)
		{
			case 'UL':
				menu_zindex (item, index + 10);

				item.style.zIndex = index + 10;
				break;

			case 'LI':
				menu_zindex (item, index);

				item.style.zIndex = index + 5;
				break;

			default:
				menu_zindex (item, index);
				break;
		}
	}
}
*/
function	menu_init (name, horz, vert)
{
	var		item_root = document.getElementById (name);
	var		list_li;
	var		list_ul;
	var		i;

	if (item_root == null)
		return;

	//menu_zindex (item_root, 0);

	list_li = item_root.getElementsByTagName ('li');

	for (i = 0; i < list_li.length; i++)
	{
		list_li[i].unselectable = "on";
		list_ul = list_li[i].getElementsByTagName ('ul');

		if (list_ul.length > 0)
		{
			list_li[i].onmouseover = function ()
			{
				var	item_ul = this.getElementsByTagName ('ul')[0];

				item_ul.style.visibility = "visible";

				if (this.parentNode.className == horz)
				{
					item_ul.style.left = "4px";
					item_ul.style.top = (this.offsetTop + this.offsetHeight - 4) + "px";
				}
				else if (this.parentNode.className == vert)
				{
					item_ul.style.left = (this.offsetLeft + this.offsetWidth - 8) + "px";
					item_ul.style.top = "4px";
				}
			}

			list_li[i].onmouseout = function ()	
			{	
				var	item_ul = this.getElementsByTagName ('ul')[0];

				item_ul.style.visibility = "hidden";
			}
		}
	}
}