// JavaScript Document
var menu;
var redBox;
var isIE = document.all ? true : false;
function initMenu()
{
	redBox = document.getElementById("redBox");
	menu = document.getElementById("menu");
	doLinks();
}

function doLinks()
{
	var links = menu.getElementsByTagName("a");
	
	for(var i = 0; i < links.length; i++)
	{
		links[i].onmouseover = function()
		{
			redBox.style.height = this.offsetHeight + "px";
			redBox.style.display = "block";
			
			if(isIE)
			{
				redBox.style.left = (menu.parentNode.offsetLeft + menu.parentNode.parentNode.offsetLeft + menu.parentNode.parentNode.parentNode.offsetLeft - redBox.offsetWidth + 2) + "px";
				redBox.style.top = this.offsetTop + this.parentNode.parentNode.parentNode.offsetTop + "px";
			}
			else
			{
				redBox.style.left = (menu.offsetLeft - 9) + "px";
				redBox.style.top = this.offsetTop + "px";
			}
		}
		
		links[i].onmouseout = function()
		{
			redBox.style.display = "none";	
		}
	}
}