if (typeof document.attachEvent!='undefined') {
	window.attachEvent('onload',tooltipInit);
} else {
	window.addEventListener('load',tooltipInit,false);
}
	
var oDv=document.createElement("div");
var dvTop=document.createElement("span");
var dvBottom=document.createElement("span");

function tooltipInit () {
	oDv.appendChild(dvTop);
	oDv.appendChild(dvBottom);
	oDv.id="tooltip";
	oDv.style.position="absolute";
	oDv.style.display="none";
	document.body.appendChild(oDv);
	
	dvTop.id="top";
	dvBottom.id="bottom";
}

function Tip (e) {
	// configuration
	var offsetX=60;
	var offsetY=140;
	var timeOut=500;
	
	// initiate some variables
	var el,tooltip,curleft = curtop = 0;
	
	// debugging information
	var info=document.getElementById('info');

	e?evt=e:evt=window.event;
		
	/* get position of current element */
	if (evt.offsetParent) {
		do {
			curleft += evt.offsetLeft;
			curtop  += evt.offsetTop;
		} while (evt = evt.offsetParent);
	}

	/* set position of tooltip */
	oDv.style.top = curtop + offsetY +"px";
	oDv.style.left = curleft + offsetX +"px";
		
	/* set classname */
	oDv.className = "tooltip-"+e.className;
		
	/* set contents */
	dvTop.appendChild(document.createTextNode(e.innerHTML));
	
	/* display tooltip */
	setTimeout("showToolTip()", timeOut);
}

function showToolTip () {
	oDv.style.display='block';
}

function unTip () {
	oDv.style.display='none';
	oDv.style.top=0;
	oDv.style.left="-999em";
	dvTop.removeChild(dvTop.childNodes[0]);
}