function loadPopup()
{
	//Is prototype loaded?
	if (Event.observe) {
		Event.observe(window,"load",function() {
			var links = document.getElementsByTagName('a');
			try {
				if(navigator.appVersion.indexOf("MSIE") != -1){
					Element.addClassName('popup', 'ie');
				}
				
				popupEffect = new Fx.Opacity('popup', {duration: 300});
				popupEffect.hide();
				
				for(var i = 0; i < links.length; i++)
				{
					if (links[i].rel == 'popup')
					{
						preparePopup(links[i]);
					}
				}
			} 
			catch (e) {}
		});
	}
	else
	{
		window.setTimeout('loadPopup()',1000);
	}
}



function preparePopup(link)
{
	var info = new Object();
	var parts = link.title.split('&');
	for(var i = 0; i < parts.length; i++)
	{
		var pair = parts[i].split('=');
		info[pair[0]] = unescape(pair[1]).replace(/\+/g, ' ');
	}
	link.title = '';
	Event.observe(link, "mouseover", function() { showHover(link, info); });
	Event.observe(link, "mouseout", function() { hideHover(); });
}

function showHover(link, info)
{
	popupShow = true;
	popupLink = link;
	popupInfo = info;

	window.setTimeout('showHoverDo()', 400);
}

function showHoverDo() {
	if (popupShow)
	{		
		link = popupLink;
		info = popupInfo;
		popupEffect.hide();
		
		var popup = document.getElementById('popup');
		var position = Position.cumulativeOffset(popupLink);
		var dimensions = Element.getDimensions(link);
		
		popup.style.display = 'block';
		popup.style.left = (position[0] - 85) + 'px';
		popup.style.top = (position[1] + dimensions['height']) + 'px';
		
		popup.getElementsByTagName('h2')[0].innerHTML = info['title'];
		popup.getElementsByTagName('p')[0].innerHTML = info['description'];
		document.getElementsByClassName('popdetails', 'popup')[0].innerHTML = info['details'];
		
		if (info['image'] != null && info['image'] != '') {
			document.getElementsByClassName('boxShot', 'popup')[0].style.display = 'block';
			popup.getElementsByTagName('img')[0].src = info['image'];
		} else {
			popup.getElementsByTagName('img')[0].src = '/images/blank.gif';
			document.getElementsByClassName('boxShot', 'popup')[0].style.display = 'none';
		}
		
		popupShow = false;
		popupEffect.custom(0, 1);
	}
}

function hideHover()
{
	popupShow = false;
	popupEffect.show()
	popupEffect.custom(1, 0);
}

var popupEffect = null;
var popupShow = false;
var popupLink = null;
var popupInfo = null;
loadPopup();