// ----- Show -----
function at_show()
{
  p = document.getElementById(this["at_parent"]);
  c = document.getElementById(this["at_child" ]);


  c.style.visibility = "visible";

  clearTimeout(c["at_timeout"]);
}

// ----- Hide -----
function at_hide()
{
  c = document.getElementById(this["at_child"]);

  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
}

// ----- Attach -----
function at_attach(parent, child)
{
  p = document.getElementById(parent);
  c = document.getElementById(child);

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = 'x';
  c["at_position"]   = 'x';

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  // mouse pointer
  p.style.cursor = 'pointer';

  // hovering
  p.onmouseover = at_show;
  p.onmouseout  = at_hide;
  c.onmouseover = at_show;
  c.onmouseout  = at_hide;

}