function panel(content) {
  var tbl = document.createElement('table');
  tbl.border = 0;
  tbl.cellSpacing = 0;
  tbl.cellPadding = 0;
  var tr = tbl.insertRow(tbl.rows.length);
  var td = tr.insertCell(tr.cells.length);
  td.innerHTML = content;
  td.className = 'tel_panel';
  this.content = content;
  this.div = document.createElement('div');
  this.div.appendChild(tbl);
//  this.div.align = 'right';
  this.div.style.paddingLeft = '20px';
  this.div.style.position = 'absolute';
  this.div.style.display = 'none';
  document.body.insertBefore(this.div, document.body.firstChild);
  return this;
}
function offsetPosition(element) {
  var offsetLeft = 0, offsetTop = 0;
  do {
    offsetLeft += element.offsetLeft;
    offsetTop  += element.offsetTop;
  } while (element = element.offsetParent);
  return [offsetLeft, offsetTop];
}
panel.prototype.show = function(obj) {
  var pos = offsetPosition(obj);
  this.div.style.left = pos[0];
  this.div.style.top = pos[1] + obj.clientHeight;
  this.div.style.width = obj.clientWidth + 'px';
  this.div.style.display = 'block';
}
panel.prototype.hide = function() {
  this.div.style.display = 'none';
}