// Created 16 10 2008 by Silas Landricombe
// Function to create image pop up on rollover
// tested and working Firefox, Explorer 6, Explorer 7
var divName = 'popUp'; // div that is to follow the mouse (must be position:absolute)
var offX = -75;        // X offset from mouse position
var offY = -100;       // Y offset from mouse position

function showthumb(title, copy){
	var obj = document.getElementById('popUpInt');
	obj.innerHTML = "<p><strong>"+title+"</strong></p><p>"+copy+"</p>";
	document.onmousemove = follow;
}

function hidethumb(){
	document.onmousemove = hide;
}

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
	
function follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; obj.display = 'block';
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}

function hide(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; obj.display = 'none';
		obj.left = '0px';
		obj.top = '0px';
	}
}
// call with <a href="javascript:void(0);" onmouseover="showthumb();" onmouseout="hidethumb();">link</a>