function getElementX(aElement)
{
	aLeft = 0;
      if (aElement.offsetParent)
      {
            aLeft = aElement.offsetLeft
            while (aElement = aElement.offsetParent)
            {
                  aLeft += aElement.offsetLeft
            }
      }
	return aLeft;
}

function getElementY(aElement)
{
      aTop  = 0;
      if (aElement.offsetParent)
      {
            aTop  = aElement.offsetTop
            while (aElement = aElement.offsetParent)
            {
                  aTop  += aElement.offsetTop
            }
      }
	  return aTop;

}

Essent.overlayCount = 0;
style="width: 780px; height: 50px; float: left;"
Essent.Tooltip = function(element){
	var self = this;
	this.src = element;
	this.target = document.createElement("div");
	this.target.className = 'tooltip';
	this.target.innerHTML = "<div class='tooltip-title' style='width: 165px;'>" + this.src.readAttribute('tooltip:title') + "</div>" + "<div class='tooltip-body' style='width: 165px;'>" + this.src.readAttribute('tooltip:body') + "</div>";
	this.target.style.zIndex = ++Essent.overlayCount;
	this.target.style.display = "none";
	document.body.appendChild(this.target);
	this.popup = new Rico.Popup({}, this.target);
	//this.src.observe('mouseover', function(event){self.popup.openPopup(event.clientX+20, event.clientY); event.stop();});
                this.src.observe('mouseover', function(event){self.popup.openPopup(getElementX(element)+17, getElementY(element)+3)});
               	this.src.observe('mouseout', function(event){self.popup.closePopup();});
}

Event.observe(window, 'load', function(event){$$('a.tooltip').each(function(element){new Essent.Tooltip(element);});});