// returns the scroll left and top for the browser viewport.
// reference url:  http://webfx.eae.net/dhtml/helptip/helptip.html
function getScroll() {
	if (document.body.scrollTop != undefined) {	// IE model
		var ieBox = document.compatMode != "CSS1Compat";
		var cont = ieBox ? document.body : document.documentElement;
		return {x : cont.scrollLeft, y : cont.scrollTop};
	} else {
		return {x : window.pageXOffset, y : window.pageYOffset};
	}
}

function showNote(e) {
	var objEvent = e ? e : event;
	var objTip = document.getElementById('tooltip');
	var scroll = getScroll();
	objTip.innerHTML = this.title;
	moveNote;

	objTip.style.visibility = (this.title == '') ? 'hidden' : 'visible';
	this.title = '';
}

function moveNote(e) {
	var objEvent = e ? e : event;
	var objTip = document.getElementById('tooltip');
	var scroll = getScroll();

	// position tooltip
	var dw = document.width ? document.width : document.documentElement.offsetWidth - 25;
	if (objEvent.clientX > dw - objTip.offsetWidth)
		objTip.style.left = dw - objTip.offsetWidth + scroll.x + "px";
	else {
		objTip.style.left = objEvent.clientX - 2 + scroll.x + "px";
		objTip.style.top = objEvent.clientY + 15 + scroll.y + "px";
	}
}

function hideNote(e) {
	this.title = document.getElementById('tooltip').innerHTML;
	document.getElementById('tooltip').style.visibility = 'hidden';
}

function init() {
   /* create a dynamic layer and attach it to the HTML document. */
	objBody = document.getElementsByTagName("body").item(0);
	objContainer = document.createElement('div');
	objContainer.setAttribute('id', 'tooltip');
	objBody.appendChild(objContainer);

	objTag = document.getElementById('textcontent1').getElementsByTagName('a');
	for (i=0; i<objTag.length; i++) {
		if (objTag[i].className != 'miniblogComment') {
			objTag[i].onmouseover = showNote;
			objTag[i].onmousemove = moveNote;
			objTag[i].onmouseout = hideNote;
		}
	}
}

onload = init;