function bubbleTooltip()
{
    this.showTooltip = showTooltip;
    this.hideTooltip = hideTooltip;
    this.prepareImgs = prepareImgs;
    this.createDivBubbleTooltip = createDivBubbleTooltip;

    function showTooltip(e, text)
    {
        if (document.all)
            e = event;

        var divBubbleTooltipRef = document.getElementById('divBubbleTooltip');
        
            
        document.getElementById("spanBubbleTooltipContent").innerHTML = text;
        divBubbleTooltipRef.style.display = 'block';

        var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
        if (navigator.userAgent.toLowerCase().indexOf('safari') >= 0)
            st = 0;
        var leftPos = e.clientX - 115;

        if (leftPos < 0)
            leftPos = 0;

        divBubbleTooltipRef.style.left = leftPos + 'px';
        divBubbleTooltipRef.style.top = e.clientY - divBubbleTooltipRef.offsetHeight - 1 + st + 'px';
    }

    function hideTooltip()
    {
        var divBubbleTooltipRef = document.getElementById('divBubbleTooltip'); 
        if (divBubbleTooltipRef != null)
            divBubbleTooltipRef.style.display = 'none';
    }

    function createDivBubbleTooltip()
    {
        var divBubbleTooltipRef = document.createElement("div");
        divBubbleTooltipRef.setAttribute("id", "divBubbleTooltip");

        var divBubbleTopRef, divBubbleMiddleRef, divBubbleBottomRef;
        divBubbleTopRef = document.createElement("div");
        divBubbleTopRef.className = "divBubbleTop";
        divBubbleMiddleRef = document.createElement("div");
        divBubbleMiddleRef.className = "divBubbleMiddle";
        divBubbleBottomRef = document.createElement("div");
        divBubbleBottomRef.className = "divBubbleBottom";

        var spanBubbleTooltipContentRef = document.createElement("span");
        spanBubbleTooltipContentRef.setAttribute("id", "spanBubbleTooltipContent");

        divBubbleMiddleRef.appendChild(spanBubbleTooltipContentRef);

        divBubbleTooltipRef.appendChild(divBubbleTopRef);
        divBubbleTooltipRef.appendChild(divBubbleMiddleRef);
        divBubbleTooltipRef.appendChild(divBubbleBottomRef);
        document.body.appendChild(divBubbleTooltipRef);

        return divBubbleTooltipRef;
    }

    function prepareImgs()
    {
        var imgElements = document.getElementsByTagName("img");
        for (var i = 0; i < imgElements.length; i++)
        {
            if (imgElements[i].alt == "Hata")
            {
                imgElements[i].onmousemove = function(event) { bubbleTooltipRef.showTooltip(event, this.title); };
                imgElements[i].onmouseout = function() { bubbleTooltipRef.hideTooltip(); };
            }
        }
    }

    addLoadEvent(function() { bubbleTooltipRef.createDivBubbleTooltip(); });
}

var bubbleTooltipRef = new bubbleTooltip();