tooltip = {
			name : "tooltipDiv",
			offsetX : 40,
			offsetY : -10,
			tip : null
		  };

tooltip.init = function () {
								if (!document.getElementById) return;
															
								this.tip = document.getElementById (this.name);
								if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};
								
								var a;
								var anchors = document.getElementsByTagName ("a");
								for (var i = 0; i < anchors.length; i ++) {
									a = anchors[i];
									if (a.className == "tooltip") {
										a.onmouseover = function () {tooltip.show (this.id)};
										a.onmouseout = function () {tooltip.hide ()};
									}
								}
							};
tooltip.move = function (evt) {
	var x=0, y=0;
	if (document.all) {// Explorer
		x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
		y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
		x += window.event.clientX;
		y += window.event.clientY;
		
	} else {// Mozilla
		x = evt.pageX;
		y = evt.pageY;
	}
	
	this.tip.style.left = (x + this.offsetX) + "px";
	this.tip.style.top = (y + this.offsetY) + "px";
};
tooltip.show = function (text) {
	if (!this.tip) return;
	this.tip.innerHTML = text;
	this.tip.style.visibility = "visible";
	this.tip.style.display = "block";
};
tooltip.hide = function () {
	if (!this.tip) return;
	this.tip.style.visibility = "hidden";
	this.tip.style.display = "none";
	this.tip.innerHTML = "";
};

window.onload = function () {
	tooltip.init ();
}