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 showTip(el, direction, parentId) {
  elem = document.getElementById(el);
  parentEl = document.getElementById(parentId);
  if (direction == 'right'){
    var a = findPosX(parentEl);
    var b = parentEl.offsetWidth;
    elem.style.left = parseInt(a + b) + 'px';}
  else if (direction == 'left') 
    elem.style.left = parseInt(findPosX(parentEl)) + 'px';
  elem.style.top = parseInt(findPosY(parentEl)) + 'px';
  elem.style.width = parseInt(parentEl.offsetWidth) + 'px';
  elem.style.position = 'absolute';
  elem.style.display = 'block';
  elem.zIndex = 1000;
}

function hideTip(el) {
  elem = document.getElementById(el); 
  elem.style.display = 'none';
}