function DinElActivateToolTip(elementId, toolTipText) {
    var obj = document.getElementById(elementId);

    if (typeof (obj) != 'undefined' && obj != null) {
        var left_top = findObjPosition(obj);
        var objOffsetLeft = left_top[0];
        var objOffsetTop = left_top[1];
        var objOffsetWidth = obj.offsetWidth;
        var objOffsetRight = objOffsetLeft + objOffsetWidth;
        var toolTipLeft;
        var directionClass;

        if (((objOffsetWidth / 2) + objOffsetLeft + 185) > document.body.offsetWidth) {
            //Open to the left
            toolTipLeft = ((objOffsetWidth / 2) + objOffsetLeft) - 185;
            directionClass = 'dinelToolTipBottomLeft';
        } else {
            //Open to the right
            toolTipLeft = (objOffsetWidth / 2) + objOffsetLeft;
            directionClass = 'dinelToolTipBottomRight';
        }

        var toolTipContainer = document.createElement('div');
        toolTipContainer.setAttribute('id', elementId + '_tooltip');
        toolTipContainer.className = 'dinelToolTip';
        toolTipContainer.style.position = 'absolute';
        toolTipContainer.style.zIndex = 1003;
        toolTipContainer.style.left = toolTipLeft + 'px';
        toolTipContainer.innerHTML = "<div class='dinelToolTipTop'><img src='/Templates/DinEl/Styles/gfx/tooltipClose.png' alt='' onclick='DinElInactivateToolTip(" + elementId + ");' /></div><div class='dinelToolTipBody'>" + toolTipText + "</div><div class='" + directionClass + "'></div>";
        var tooltipTop = objOffsetTop - 107;  //toolTipContainer.offsetHeight;
        toolTipContainer.style.top = tooltipTop + 'px';

        document.body.appendChild(toolTipContainer);
        //setTimeout("DinElInactivateToolTip('" + elementId + "')", 4000);
    }
}

function DinElInactivateToolTip(elementId) {
    var obj = document.getElementById(elementId);

    if (typeof (obj) != 'undefined' && obj != null) {
        var elementToRemove = document.getElementById(elementId + '_tooltip');
        if (typeof (elementToRemove) != 'undefined' && elementToRemove != null) {
            document.body.removeChild(elementToRemove);
        }
    }
}

function findObjPosition(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return [curleft, curtop];
}