var Initialisierung = 0;
var Ex, Ey, TitelFarbe, TextFarbe, ContentInfo;


var TitelFarbe = "#2A0E05";
var TextFarbe = "#ABC2E2";
var RahmenFarbe = "#CCCCCC";


function ToolTipBewegen(layerName, FromTop, FromLeft, e)
{
    document.getElementById(layerName).style.top = FromTop - 10;
    document.getElementById(layerName).style.left = FromLeft + 33;
}


function Aktivieren()
{
    Initialisierung = 1;
}


function Deaktivieren()
{
    Initialisierung = 0;
}


function Starten(e)
{
    if(Initialisierung)
    {
        Ex = document.all ? window.event.x : e.pageX;
        Ey = document.all ? window.event.y : e.pageY;
        ToolTipBewegen("ToolTip", Ey, Ex, e);
        document.getElementById('ToolTip').style.visibility = "visible";
    }
    else
    {
        ToolTipBewegen("ToolTip", 0, 0);
        document.getElementById('ToolTip').style.visibility = "hidden";
    }
}


function ToolTip(layerName, TTitel, TInhalt)
{
    ContentInfo = '<div id="layerName"><table border="0" cellspacing="0" cellpadding="0">'+'<tr><td width="100%" bgcolor='+RahmenFarbe+'>'+'<table border="0" width="100%" cellspacing="1" cellpadding="0">'+'<tr><td width="100%" bgcolor='+TitelFarbe+'>'+'<table border="0" width="95%" cellspacing="0" cellpadding="0" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipTitel"> '+TTitel+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'<tr><td width="100%" bgcolor='+TextFarbe+'>'+'<table border="0" width="98%" cellpadding="0" cellspacing="2" align="center">'+'<tr><td width="100%">'+'<font class="ToolTipInhalt">'+TInhalt+'</font>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table>'+'</td></tr>'+'</table></div>';
    document.getElementById(layerName).innerHTML = ContentInfo;

}