function tooltip(evt) {
	// clear tooltip
	var div = document.getElementById("tooltip");
	// get element pos & title
	var event = evt || window.event;
	var el = event.srcElement || event.target;
	if (el.nodeName != "SPAN") return true;
	var x = el.offsetLeft;
	var y = el.offsetTop;
	var title = el.title || el.getAttribute("titles");
	if (title == null || title == "") return true;
	// set toolip
	if (event.type == "mouseout") {
		div.innerHTML = "";
		//div.style.display = "none";
		div.style.visibility = "hidden";
	}
	if (event.type == "click") {
		div.innerHTML = '<p>'+title.replace(/\x09/g, "<br>").replace(/\x0a/g, "<p class=hr>");
		//div.style.display = "block";
		div.style.visibility = "visible";
		var w = document.body.scrollWidth-div.scrollWidth-40-1;
		var h = document.body.scrollHeight-div.scrollHeight-50;
		if (x > w) x = w;
		if (y > h) y = h;
		div.style.left = x+20;
		div.style.top = y+20;
	}
	if (event.type == "mouseover" || event.type == "click") { el.className = "hover"; }
	else { el.className = ""; }
	event.cancelBubble = true;
	event.returnValue = false;
	return false;
}

window.onload = function() {
	document.body.onclick = tooltip;
	document.body.onmouseover = tooltip;
	document.body.onmouseout = tooltip;

	var div = document.createElement("DIV");
	div.setAttribute('id', 'tooltip');
	document.body.insertBefore(div, document.body.firstChild);
}