var IE = document.all ? true:false;
if(!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseXY;
	
var mouseXY = [0,0];
var centerXY = [null,null];
var openBox = null;
var method = null;

function getMouseXY(e) {
	if(IE) mouseXY = [event.clientX + document.body.scrollLeft,event.clientY + document.body.scrollTop];
	else mouseXY = [e.pageX,e.pageY];
	
	if(method == "fixed" && openBox != null && (Math.abs(centerXY[0]-mouseXY[0]) > 10 || Math.abs(centerXY[1]-mouseXY[1]) > 10))
		ctxHide();
		
	if( method == "float" )
		ctxFloat();
}

function ctxShowFixed(id){
	method = "fixed";
	openBox = document.getElementById(id).style;
	openBox.top = mouseXY[1] - 10 + "px";
	openBox.left = mouseXY[0] + 10 + "px";
	openBox.display = "";
	centerXY = mouseXY.slice();
}

function ctxShowFloating(id){
	method = "float";
	openBox = document.getElementById(id).style;
	ctxFloat();
	openBox.display = "";
}

function ctxFloat(){
	openBox.top = mouseXY[1] + "px";
	openBox.left = mouseXY[0] + 13 + "px";
}

function ctxHide(){
	centerXY = [null,null];
	openBox.display = "none";
	openBox = null;
	method = null;
}