/* Javascript for Bubble Tooltips by Alessandro Fulciniti 
   http://pro.html.it - http://web-graphics.com 
   2007/06/18 Added delay
*/

function enableTooltips() {
  var links,i,h;
  if (!document.getElementById || !document.getElementsByTagName) return;
  AddCss();

  h = document.createElement("span");
  h.id = "btc";
  h.setAttribute("id", "btc");
  h.style.position = "absolute";
  h.style.display = "none";
  document.getElementsByTagName("body")[0].appendChild(h);

  links = document.getElementsByTagName("img");
  for(i = 0; i < links.length; i++) Prepare(links[i]);
  links = document.getElementsByTagName("a");
  for(i = 0; i < links.length; i++) Prepare(links[i]);
  links = document.getElementsByTagName("span");
  for(i = 0; i < links.length; i++) Prepare(links[i]);
}

function Prepare(el) {
  var tooltip, t, b, s, l;

  t = el.getAttribute("title");
  if (t == null || t.length == 0) {
    t = el.getAttribute("alt");
    if (t == null || t.length == 0) {
      t = el.getAttribute("data");
      if (t == null || t.length == 0) return;
    }
  }

  el.removeAttribute("title");
  el.removeAttribute("alt");
  el.removeAttribute("data");

  tooltip = CreateEl("span", "tooltip");
  s = CreateEl("span", "top");
  s.appendChild(document.createTextNode(t));
  tooltip.appendChild(s);
  b = CreateEl("b", "bottom");
  tooltip.appendChild(b);
  setOpacity(tooltip);

  el.tooltip = tooltip;
  el.onmouseover = showTooltip;
  el.onmouseout = hideTooltip;
  el.onmousemove = Locate;
}

function showTooltip(e) {
  var d = document.getElementById("btc");
//  d.style.display = "none";

  if (this.getAttribute("title") != null ||
      this.getAttribute("alt") != null ||
      this.getAttribute("data") != null) Prepare(this);

  d.appendChild(this.tooltip);
  Locate(e);

  d.timer = setTimeout("unhideTooltip()", 500);
}

function unhideTooltip() {
  var d = document.getElementById("btc");
  d.style.display = "block";
}

function hideTooltip(e){
  var d = document.getElementById("btc");
  clearTimeout(d.timer);
  d.style.display = "none";
  if (d.childNodes.length > 0) d.removeChild(d.firstChild);
}

function CreateEl(t, c) {
  var x = document.createElement(t);
  x.className = c;
  x.style.display = "block";
  return(x);
}

function AddCss(){
  var l = CreateEl("link");
  l.setAttribute("type", "text/css");
  l.setAttribute("rel", "stylesheet");
  l.setAttribute("href", "/?page=tooltipcss");
  l.setAttribute("media", "screen");
  document.getElementsByTagName("head")[0].appendChild(l);
}

function Locate(e){
  var posx = 0, posy = 0;
  if (e == null) e = window.event;
  if (e.pageX || e.pageY) {
    posx = e.pageX; posy = e.pageY;
  }
  else if (e.clientX || e.clientY) {
    if (document.documentElement.scrollTop) {
      posx = e.clientX + document.documentElement.scrollLeft;
      posy = e.clientY + document.documentElement.scrollTop;
    } else {
      posx = e.clientX + document.body.scrollLeft;
      posy = e.clientY + document.body.scrollTop;
    }
  }
  document.getElementById("btc").style.top = (posy +10) + "px";
  document.getElementById("btc").style.left = (posx -20) + "px";
}

addEvent(window, 'load', enableTooltips);

//window.onload = function(){ enableTooltips() }