/* 
 *  
 * 
 * 
 * 
 * 
 * 
*/ 

                tipImg = new Image(); 
                tipImg.src = "../img/icon_tip.gif";
                baseImg = new Image(); 
                baseImg.src = "../img/icon_tip.gif";

            //alert(tipImg.src);

var tooltip = function ()
{



    var id = 'tt';
    var top = 3;
    var left = 3;
    var maxw = 450;//
    var speed = 10;
    var timer = 20;
    var endalpha = 95;
    var alpha = 0;
    var tt, t, c, b, h, tipIco, divLeft, divRight, be;
    var ie = document.all ? true : false;
    return {
        
        
        
        

        
        
        
        show: function (v, w)
        {
            if (tt == null)
            {
                tt = document.createElement('div');
                tt.setAttribute('id', id);
                
                
                
                divLeft = document.createElement('div');
                divLeft.setAttribute('id', id + 'leftTip');
                
                tipIco = document.createElement('div');
                tipIco.setAttribute('id', id + 'ico');
                
                be = document.createElement('div');
                be.setAttribute('id', id + 'be');
                
                b = document.createElement('div');
                b.setAttribute('id', id + 'bot');
                
                
//                alert("do tu je");
//                var divh = parseInt(document.getElementById('ttcont').offsetHeight);
//                alert(divh);
//                divh = divh - 15;
//                alert(divh);
//                divRight.setAttribute('style','height:' + divh +'px;'); 
                
                
                
                
                divRight = document.createElement('div');
                divRight.setAttribute('id', id + 'rightTip');               
                
                t = document.createElement('div');
                t.setAttribute('id', id + 'top');
                
                c = document.createElement('div');
                c.setAttribute('id', id + 'cont');
                
                
                
                t.innerHTML = ' ';
                be.innerHTML = ' ';
                b.innerHTML = ' ';
                //alert(baseImg.src);

                
                
                
                
                
                divLeft.appendChild(tipIco);
                divLeft.appendChild(be);
                divLeft.appendChild(b);
                
                
                divRight.appendChild(t);
                divRight.appendChild(c);
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                tt.appendChild(divLeft);
                tt.appendChild(divRight);
                //tt.appendChild(c);
                //tt.appendChild(b);
                
                
                document.body.appendChild(tt);
                tt.style.opacity = 0;
                tt.style.filter = 'alpha(opacity=0)';
                document.onmousemove = this.pos;
            }
            tt.style.display = 'block';
            c.innerHTML = v;
            tt.style.width = w ? w + 'px' : 'auto';
            
                var divh = (document.getElementById('ttcont').offsetHeight);
                
                divh = divh - 22;// -22
                
                b.setAttribute('style','height:' + divh +'px;'); 
                
                try {
                    tipIco.setAttribute('style','background-image:url(\'' + tipImg.src +'\');'); 
                    
                }
                catch (e) {
                    tipIco.setAttribute('style','background-image:url(\'' + baseImg.src +'\');'); 
                }
                
                
                
                
            if (!w && ie)
            {
                t.style.display = 'none';
                b.style.display = 'none';
                tt.style.width = tt.offsetWidth;
                t.style.display = 'block';
                b.style.display = 'block';
            }
            if (tt.offsetWidth > maxw)
            {
                tt.style.width = maxw + 'px';
            }
            h = parseInt(tt.offsetHeight) + top;
            clearInterval(tt.timer);
            tt.timer = setInterval(function ()
            {
                tooltip.fade(1);
            }, timer);
        },
        pos: function (e)
        {
            var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
            var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
            tt.style.top = (u - h) + 'px';
            tt.style.left = (l + left) + 'px';
        },
        fade: function (d)
        {
            var a = alpha;
            if ((a != endalpha && d == 1) || (a != 0 && d == -1))
            {
                var i = speed;
                if (endalpha - a < speed && d == 1)
                {
                    i = endalpha - a;
                }
                else if (alpha < speed && d == -1)
                {
                    i = a;
                }
                alpha = a + (i * d);
                tt.style.opacity = alpha * 0.01;
                tt.style.filter = 'alpha(opacity=' + alpha + ')';
            }
            else
            {
                clearInterval(tt.timer);
                if (d == -1)
                {
                    tt.style.display = 'none';
                }
            }
        },
        hide: function ()
        {
            clearInterval(tt.timer);
            tt.timer = setInterval(function ()
            {
                tooltip.fade(-1);
            }, timer);
        }
    };
    
    
}();