//for dynamisk hjelpetekst, offset i antall piksler
var helpText_offsetTop = 3;
var helpText_offsetLeft = 40;

function getOffsetLeft(o) {
  //finner total offsetLeft for et element
  var ol = o.offsetLeft;
  while ((o=o.offsetParent) != null) { ol += o.offsetLeft; }
  return ol;
}
function getOffsetTop(o) {
  //finner total offsetTop for et element
  var ot = o.offsetTop;
  while ((o=o.offsetParent) != null) { ot += o.offsetTop; }
  return ot;
}

function hl_on(o) {
  if (o.style) {
    o.style.background = '#FFFF99';
    o.style.border = '1px solid black';
  }
  displayHelp(o);
}

function hl_off(o) {
  if (o.style) {
    o.style.background = 'transparent';
    o.style.border = '1px solid #7A7A7A';
  }
  hideHelp();
}

function displayHelp(o, hid) {
  var t = '';
  if (o.title) {
    t = o.title; //hjelpetekst fra title-attributt
  }
  if (t != '') {
    if (document.getElementById) {
      var hd = document.getElementById('helpDiv');
      if (hd) {
        var top = parseInt(getOffsetTop(o) + o.offsetHeight) + helpText_offsetTop;
        var left = parseInt(getOffsetLeft(o)) + helpText_offsetLeft;
        hd.innerHTML = t;
        hd.style.left = left+'px';
        hd.style.top = top+'px';
        hd.style.display = 'block';
        hd.style.visibility = 'visible';
      }
    }
  }
}

function hideHelp() {
  if (document.getElementById) {
    var hd = document.getElementById('helpDiv');
    if (hd) {
      hd.style.display = 'none';
      hd.style.visibility = 'hidden';
    }
  }
}
