function getOffsets (evt) {
  var target = evt.target;
  if (typeof target.offsetLeft == 'undefined') {
    target = target.parentNode;
  }
  var pageCoords = getPageCoords(target);
  var eventCoords = { 
    x: window.pageXOffset + evt.clientX,
    y: window.pageYOffset + evt.clientY
  };
  var offsets = {
    offsetX: eventCoords.x - pageCoords.x,
    offsetY: eventCoords.y - pageCoords.y
  }
  return offsets;
}

function getPageCoords (element) {
  var coords = {x : 0, y : 0};
  while (element) {
    coords.x += element.offsetLeft;
    coords.y += element.offsetTop;
    element = element.offsetParent;
  }
  return coords;
}

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ns6 = (document.getElementById)? true:false
function showHint(hintname, evt)
{
if(ie4)   // si es explorer el browser
{
	document.all(hintname).style.pixelLeft = evt.clientX-evt.offsetX-5
	document.all(hintname).style.pixelTop = evt.clientY-evt.offsetY+26;
	document.all(hintname).style.visibility="visible";
	}
	else if(ns4 || ns6)
	{
	document.getElementById(hintname).style.left=evt.pageX-getOffsets(evt).offsetX-3+"px";
	document.getElementById(hintname).style.top = evt.clientY-getOffsets(evt).offsetY+26+"px";
	document.getElementById(hintname).style.visibility="visible";
	}
}
function showHint3(hintname, evt)
{
if(ie4)   // si es explorer el browser
{
	document.all(hintname).style.pixelLeft = evt.clientX-evt.offsetX+165
	document.all(hintname).style.pixelTop = evt.clientY-evt.offsetY;//204;
	document.all(hintname).style.visibility="visible";
	}
	else if(ns4 || ns6)
	{
	document.getElementById(hintname).style.left=evt.pageX-getOffsets(evt).offsetX-3+"px";
	document.getElementById(hintname).style.top = evt.clientY-getOffsets(evt).offsetY+"px";
	document.getElementById(hintname).style.visibility="visible";
	}
}
function showHint2(hintname, event)
{
document.getElementById(hintname).style.visibility="visible";
}
function hideHint(hintname)
{
document.getElementById(hintname).style.visibility="hidden";
}