function mascShowTooltip(obj, text, orientation) {

       

        var tNode = obj;

        var xPos = 0;

        var yPos = 0;

       

        /* 

        while (tNode.nodeName != "BODY") {

                xPos += tNode.offsetLeft;

                yPos += tNode.offsetTop;

                tNode = tNode.offsetParent;



        }

     

          do {

            xPos += obj.offsetLeft;

            yPos += obj.offsetTop;

          } while (obj = obj.offsetParent);



*/

if(typeof obj.offsetLeft != 'undefined')

{

   while (obj)

   {

       xPos += obj.offsetLeft;

       yPos += obj.offsetTop;

       obj = obj.offsetParent;

   }

}

else

{

   xPos = obj.left ;

   yPos = obj.top ;

}



//        tempText= "<h1>X: " + xPos + " y: " + yPos + "</h1>";

        element = document.getElementById('mascTooltip');

        element.style.display = "none";

        element.style.position = "absolute";

        element.style.left = (xPos + 60) + "px";

        if (orientation == "bottom") {

                yPos = yPos - 250;

        } else {

                 yPos = yPos - 32;

        }

        element.style.top = yPos + "px";

        element.style.background= "url('/bizerba_neu/media/bilder/box-focus-"  + orientation + ".png')";

        document.getElementById('mascTooltipContent').innerHTML = document.getElementById(text).innerHTML;

//        document.getElementById('mascTooltipContent').innerHTML = tempText;

        element.style.visibility = 'visible';

        element.style.display = 'inline';

       

}



function mascHideTooltip(event, element) {

        var ziel = event.relatedTarget ? event.relatedTarget : event.toElement;

        var kinder = element.getElementsByTagName('*');

        for (var i = 0; i < kinder.length; i++)

                if (kinder[i] == ziel || element == ziel)

                        return;

       

        toolTipElement = document.getElementById('mascTooltip');

        toolTipElement.style.visibility = 'hidden';

}