function initPopup()
{
	var hold = document.getElementById("hero");
	var popup = document.getElementById("hero-popup");
	var more = document.getElementsByTagName("div");
	var text;
	if(hold && popup)
	{
		var nodes = hold.getElementsByTagName("img");
		for (var i=0; i<nodes.length; i++)
		{
			nodes[i].onmouseover = function()
			{
				text = this.parentNode.parentNode.getElementsByTagName("div")[0];
				if(text)
				{
					text = text.innerHTML;
					var x = findPosY(this);
					var y = findPosX(this);
					popup.style.top = x + "px";
					popup.style.left = y + "px";
					popup.innerHTML = text;
					openPopup(true);
				}
			}
			nodes[i].onmouseout = function()
			{
				openPopup(false);
			}
		}
		for (var j=0; j<more.length; j++)
		{
			if(more[j].className.indexOf("with-popup") !=-1)
			{
				var nodes = more[j].getElementsByTagName("img")[0];
				nodes.onmouseover = function()
				{
					text = this.parentNode.parentNode.getElementsByTagName("div")[0];
					if(text)
					{
						text = text.innerHTML;
						var x = findPosY(this);
						var y = findPosX(this);
						popup.style.top = x +1 + "px";
						popup.style.left = y + "px";
						popup.innerHTML = text;
						openPopup(true);
					}
				}
				nodes.onmouseout = function()
				{
					openPopup(false);
				}
			}
		}
		popup.onmouseover = function(){ openPopup(true);}
		popup.onmouseout = function(){ openPopup(false);}
		function openPopup(open)
		{
			if(open) { popup.style.display = "block";}
			if(!open) { popup.style.display = "none";}
		}
	}
	function findPosY(obj) {
		var posTop = 0;
		while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
		return posTop;
	}
	function findPosX(obj) {
		var posLeft = 0;
		while (obj.offsetParent) {posLeft += obj.offsetLeft; obj = obj.offsetParent;}
		return posLeft;
	}
}

if (window.addEventListener)
	window.addEventListener("load", initPopup, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPopup);