var HOVER_TIMEOUT = 5000;

AppendToWindowOnload(function()
{
	var links = document.getElementsByTagName("a");
	for(var i=0; i<links.length; i++)
	{
		if(links[i].className != "link_image") continue;
		
		AttachHoverEffectToImageLink(links[i]);
	}
});

function AttachHoverEffectToImageLink(imageLink)
{
	// find hover image
	var imgHover = FindChildWithClass(imageLink, "link_hover");
	if(imgHover == null) return;
	
	imageLink.onmouseover = function()
	{
		imgHover.style.display = "block";
		setTimeout(function() { imgHover.style.display = "none"; }, HOVER_TIMEOUT); // fix FF issue
	}
	imageLink.onmouseout = function()
	{
		imgHover.style.display = "none";
	}
}

function FindChildWithClass(parent, className)
{
	var childNode = parent.firstChild;
	while(childNode != null)
	{
		if(childNode.className == className) return childNode;
		childNode = childNode.nextSibling;
	}
	return null;

	for(var i=0; i<parent.childNodes; i++)
	{
		if(parent.childNodes[i].className == className) return parent.childNodes[i];
	}
	return null;
}

function SetDisplay(htmlContainer, displayValue)
{
	htmlContainer.style.display = displayValue;
}