var xoffset = 0;
var yoffset = 14;

document.onmousemove = function(e) {
	//var popupWindow = document.getElementById('popup_container');
	//var popupMessage = document.getElementById('popup_content');
	var popupWindow = document.getElementById('popup');
	var popupMessage = document.getElementById('popup');
	var x, y, right, bottom;
	
	//try { x = e.pageX; y = e.pageY; } // FF
	//catch(e) { x = event.x; y = event.y; } // IE

	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		x = e.pageX;
		y = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		x = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		y = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}

	right = (document.documentElement.clientWidth || document.body.clientWidth || document.body.scrollWidth);
	bottom = (window.scrollY || document.documentElement.scrollTop || document.body.scrollTop) + (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight);

	x += xoffset;
	y += yoffset;

	if(x > right-popupWindow.offsetWidth)
		x = x-xoffset-popupWindow.offsetWidth-1;
 
	if(y > bottom-popupWindow.offsetHeight)
		y = y-yoffset-popupWindow.offsetHeight-1;
	
	popupWindow.style.top = y+'px';
	popupWindow.style.left = x+'px';

}

function popup_container(text) {
	var popupWindow = document.getElementById('popup');
	var popupMessage = document.getElementById('popup');

	popupMessage.innerHTML = text;
	popupWindow.style.display = 'block';
}

function popout() {
	var popupWindow = document.getElementById('popup');
	var popupMessage = document.getElementById('popup');

	popupWindow.style.display = 'none';
}