var following = false;
var loaded = false;
var offX = 10;
var offY = -85;

function mouseX(evt) {
	var menuObj = document.getElementById('menu');
	var menuRight = menuObj.offsetLeft+menuObj.offsetWidth-20;
	var obj = menuObj.getBoundingClientRect();
	
	var left = obj.left;
	var top = obj.top;
	var bottom = obj.bottom;
	var right = obj.right;
	
	if (!evt) evt = window.event;
	if (evt.pageX) return menuRight;//evt.pageX;
	else if (evt.clientX) return (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft) + obj.left + menuObj.offsetWidth-20;//evt.clientX;
	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 followStart(img) {
	following = true;
	document.getElementById('userDataBox').innerHTML='<img src="'+img+'">';
}

function followStop() {
	following = false;
	document.getElementById('userDataBox').style.display='none';
}

function follow(evt) {
	if (document.getElementById && following && loaded) {
		var obj = document.getElementById('userDataBox').style; obj.display = 'block';
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}



document.onmousemove = follow;
window.onload = function() {
	loaded = true;
}