//Objekt für den Tooltip erzeugen
var obj = new Object();
var pike = new Object();

//Bei Mausbewegung Position aktualisieren
document.onmousemove = updateTooltip;

//Postition aktualisieren
function updateTooltip(e) {
  //Versuchen und Fehler ignorieren
  try {
    //Nur sofern das Objekt existiert
    if (obj != null) {
      if(document.all) {
        //Für den IE
        x_tooltip = window.event.x + obj.offsetParent.scrollLeft;
        y_tooltip = window.event.y + obj.offsetParent.scrollTop + 35;
        x_pike = x_tooltip;
        y_pike = y_tooltip - 8;
      } else {
        //Für den Rest (Mozilla, Firefox, Opera, ...)
        x_tooltip = e.pageX - 215, 
        y_tooltip = e.pageY - 145;
        x_pike = x_tooltip;
        y_pike = y_tooltip - 8;
      }
      
      //Div-Layer verschieben
      obj.style.left = x_tooltip + "px";
      obj.style.top  = y_tooltip + "px";
      pike.style.left = x_pike + "px";
      pike.style.top  = y_pike + "px";
    }
  } catch(exception) {}
}
 
//Tooltip anzeigen
function showTooltip(id) {
  //Tooltip anzeigen
  obj = document.getElementById(id);
  obj.style.display = "block";
  //"Spitze" anzeigen
  pike = document.getElementById("pike");
  pike.style.display = "block"; 
  //fadeIn(id, 0);
}

//Tooltip verstecken
function hideTooltip(id) {
  //Tooltip ausblenden
  obj.style.display = "none";
  //"Spitze" ausblenden
  pike.style.display = "none";
  //fadeOut(id, 100);
}

function fadeIn(id, val) {
  var o = new Object();
  o = document.getElementById(id);
  
  fadeIn.val = ++fadeIn.val || 0;
  //o.style.Opacity = val / 100;
  setOpacity(o, val/100)
  
  if(fadeIn.val < 100)
    window.setTimeout("fadeIn('" + id + "', " + fadeIn.val + ")", 10);
  else
    fadeIn.val = 0;
}

function fadeOut(id, val) {
  var o = new Object();
  o = document.getElementById(id);
  
  fadeOut.val = --fadeOut.val || 100;
  //o.style.Opacity = val / 100;
  setOpacity(o, val/100)
  
  if(fadeOut.val > 1)
    window.setTimeout("fadeOut('" + id + "', " + fadeOut.val + ")", 10);
  else
    obj.style.display = "none";
}

function setOpacity(obj, value) {
	obj.style.opacity = value;
	obj.style.filter = 'alpha(opacity=' + value*10 + ')';
}