// Mark Willis - Bubble

var MouseX = 0; var MouseY = 0; var overit = 0;

function TrackingMousePosition(e)
{
	// Thank you 'Marss' from Ukraine! :D
	e = e || window.event;
	if (e.pageX)
	{
		MouseX = e.pageX;
		MouseY = e.pageY;
		if(document.getElementById('the-bubble').style.display == "block")
		{
			document.getElementById('the-bubble').style.left = (MouseX + 10) + "px";
			document.getElementById('the-bubble').style.top = (MouseY - 30) + "px";
		}
	}
	else
	{
		x = window.event.clientX+document.documentElement.scrollLeft;
		y = window.event.clientY+document.documentElement.scrollTop;
		if(document.getElementById('the-bubble').style.display == "block")
		{
			document.getElementById('the-bubble').style.left = (x + 10) + "px";
			document.getElementById('the-bubble').style.top = (y - 30) + "px";
		}
	}
	
}
document.onmousemove = TrackingMousePosition;

function showBubble(imageID, bubbleTITLE, bubbleCONTENT){
document.getElementById('the-bubble').innerHTML = "<div class=\"bubble-inside\"><b>" + bubbleTITLE + "</b><br />" + bubbleCONTENT + "</div>";
document.getElementById('the-bubble').className = 'bubble-on';
document.getElementById('the-bubble').style.display = "block";
var x = 0; var y = 0;
if (MouseX)
	{
		x = MouseX;
		y = MouseY;
	}
else
	{
		x = window.event.clientX+document.documentElement.scrollLeft;
		y = window.event.clientY+document.documentElement.scrollTop;
	}
document.getElementById('the-bubble').style.left = (x + 10) + "px";
document.getElementById('the-bubble').style.top = (y - 30) + "px";
overit = 1;
}

function clearBubble(){
document.getElementById('the-bubble').innerHTML = '';
document.getElementById('the-bubble').className = 'bubble-off';
document.getElementById('the-bubble').style.display = "none";
overit = 0;
}