var id = "tooltip";
function showTip(element) {
	$("#"+id).show();
	tip_text = $(element).attr("title");
	element.removeAttribute("title");
	$("#"+id).html(tip_text);
	document.onmousemove = function(e){
		var offset_x = parseInt(e.pageX) - 20;
		var offset_y = parseInt(e.pageY) + 20;
		var cssObj = {
		  'left' : offset_x + 'px',
		  'top' : offset_y + 'px'
		}
		$('#'+id).css(cssObj);
	}
}
function hideTip(element) {
	$("#"+id).hide();
	element.setAttribute("title", tip_text);
}
function tooltip() {
	$('body').append("<div id="+id+"></div>");
	var links = $('.tooltip');
	for (i=0; i<links.length; i++) {
		links[i].onmouseover = function() { showTip(this); }
		links[i].onmouseout = function() { hideTip(this); }
	}
}
$(document).ready(function(){
	tooltip();
});