var menu, groups, links, _timeout;
var layers = new Array();

function menu_onload()
{
	menu = document.getElementById("over");
	
	groups = menu.getElementsByTagName("div");
	links = menu.getElementsByTagName("a");
	
	var imgs = document.getElementsByTagName("img");
	for (var i = 0; imgs[i]; i++)
		if (imgs[i].className.search(/(layer)+/g) >= 0)
			layers.push(imgs[i]);
	
	for (i = 0; links[i]; i++)
	{
		links[i].onmouseout = function()
		{
			_timeout = window.setTimeout("hide_all()", 300);
		}
		
		links[i].onmouseover = function()
		{
			window.clearTimeout(_timeout);
		}
	}
}

function expand_menu(n)
{
	hide_all();
	
	for (var i = 0; groups[i]; i++)
	{
		var p = parseInt(groups[i].className.match(/(\d+)/g));
		
		if (groups[i].getElementsByTagName("a")[0])
		{
			if (p == n)
			{
				show_label(p);
				
				menu.style.display = "block";
				groups[i].style.display = "block";
	
				groups[i].style.left = ((p > 1 ? 10 : 0) + (p - 1) * (152 + 7)) + "px";
				
				if (!groups[i].getElementsByTagName("a")[0])
					groups[i].style.display = "none";
			}
			else
				groups[i].style.display = "none";
		}
	}
}

function show_label(n)
{
	for (var i = 0; layers[i]; i++)
		layers[i].style.display = (parseInt(layers[i].className.match(/(\d+)/g)) == n ? "block" : "none");
}

function hide_all()
{
	if (_timeout)
	{
		window.clearTimeout(_timeout);
		_timeout = null;
	}
	
	menu.style.display = "none";
	
	for (var i = 0; layers[i]; i++)
		layers[i].style.display = "none";
}