// JavaScript Document

/***************************************************************************
 * Tooltip the follows the cursor - by James Stradling
 * james@killerdesign.com
 **************************************************************************/
 
//Properties
var curX = 0; //Current cursor X position
var curY = 0; //Current cursor Y position
var Xoffset = 10; //horisontal offset from cursor (px)
var Yoffset = 10; //vertical offset from cursor (px)
var myevent = null;
var scrollY = 0;
var scrollX = 0;
var displaying = false;
setInterval('iterateX()',500);

function iterateX(e) {
	scrollY = document.documentElement.scrollTop;
	scrollX = document.documentElement.scrollLeft;
}

function checkerX(event) {
	myevent = event;
	buildDiv(myevent.clientX,myevent.clientY,'inline');
	curX = myevent.clientX;
	curY = myevent.clientY;
}

function displayTT() {
	if ( displaying === true ) {
		buildDiv(curX,curY,'inline');
	}
}

function startdisplayTT() {
	displaying = true;
}

function stopdisplayTT() {
	//kills div
	buildDiv(0,0,'none');
	displaying = false;
}

//builds div for display
function buildDiv(xcoord,ycoord,visibilityvar) {
	var x = document.getElementById('TTDIV');
	x.style.display = visibilityvar;
	x.style.left = xcoord+scrollX+Xoffset+"px";
	x.style.top = ycoord+scrollY+Yoffset+"px";
}