function findPosX(obj) {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj){
	var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
}

function tooltip(e){

	if (e && e.attributes['rel']) {
		
		var hint_div = document.createElement('div');
			hint_div.id = 'hint_div';
			hint_div.className = "hint";

		var pointer_div = document.createElement('div');
			pointer_div.id = 'pointer_div';
			pointer_div.className = "hint-pointer";
		
		var parent_div = document.createElement('div');
			parent_div.id = 'tooltip_div'
			parent_div.appendChild(hint_div)
			parent_div.appendChild(pointer_div)
		
		document.body.appendChild(parent_div)
			
		div = $('tooltip_div')
		div.style.position = 'absolute';
		div.style.zIndex = '99999';
		div.style.top = (findPosY(e) - 50) + 'px'
		div.style.left = findPosX(e) + 'px'
		$('hint_div').innerHTML = e.attributes['rel'].value;
		
	} else {
		document.body.removeChild($('tooltip_div'))
	};
}