function getElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");

	for(var i=0,j=els.length; i<j; i++)
		if(re.test(els[i].className))a.push(els[i]);
		return a;
}

var eleContainer = document.getElementById("content");

var IE = document.all?true:false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

function getMouseXY(e) {
  if (IE) {
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }  
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  

	var tip = document.getElementById("tip");
	tip.style.top = (tempY - 18) + 'px';
	tip.style.left = (tempX + 12) + 'px';

  return true
}

function showTip() {
	document.getElementById("tip").style.display = 'block';
	document.getElementById("tip").innerHTML = ('<div id="tipdec"><span>' + this.tiptxt + '</span></div>');
	document.getElementById("content").onmousemove = getMouseXY;
}

function hideTip() {
	document.getElementById("tip").innerHTML = '';
	document.getElementById("tip").style.display = 'none';
	document.getElementById("content").onmousemove = '';
}

function initTooltips() {
	var eleTips = getElementsByClassName("tooltip", eleContainer);
	for (i=0; i<eleTips.length; i++) {
		var eleTip = eleTips[i];
		eleTip.tiptxt = eleTip.title;
		eleTip.title = '';
		eleTip.onmouseover = showTip;
		eleTip.onmouseout = hideTip;
	}
}

window.onload = initTooltips;