function initHover(table)

{

	var el = document.getElementById(table); 	

	// parent element that holds the links we are assigning the hover box to

	var links = document.getElementsByTagName("a");

	for(var i = 0; i < links.length; i++)

	{

		if(links[i].getAttribute("rel"))

		{

			var rel = links[i].getAttribute("rel");

			if(rel.toString().indexOf("hoverBox")==0)

			{

				links[i].onmouseover = showBox;

				links[i].onmouseout = function()

				{

					hideElement(this.getAttribute("rel"));

				}

			}

		}

	}

}

function showBox(e)

{

	hoverBox(e, this);

}

// delete this code for production. It's only to demonstrate functionality



function showElement(id)

{

	var el = document.getElementById(id);

	el.style.display = "block";

}