//Author Prabeen Giri(www.prabeengiri.com.np)...........
window.onload = function()
{ 
    var x ; 
    var y ; 
    var titles ;
    var documentWidth = document.body.offsetWidth; 
    var classess = document.getElementsByTagName("*");
    for(i = 0 ; i< classess.length; i++)
    { 
        if (classess[i].className.match([" "]))
        { 
           var classNames = checkClassName(classess[i].className); 
        } 
        if (classess[i].className=='tooltip' || classNames == 'tooltip')
        { 
            classess[i].onmousemove = getCoordinates; 
            titles = classess[i].getAttribute('title');
            classess[i].setAttribute('dir',titles);
            classess[i].removeAttribute('title'); 
            classess[i].onmouseout = function () 
            { 
                 //to hide the tooltip if the mouse is out from the anchor tag with class  = 'tooltip' 
                document.getElementById('spanBox').style.display = 'none' ; 
            } 
        } 
    }
    // creates the span for tooltip where html change as per hovered node. 
    createDiv();      
    function showDiv(tl)
    { 
    
        var t = document.getElementById('spanBox'); 
        t.lastChild.innerHTML = tl; 
                //t.innerHTML = tl; 
    
        z = eval(y) + 25;
    
        r = eval(x) - 15; 
        
        if (r < 0 ) 
            r = 3; 
        //if (r >  (documentWidth-20 ))
            //r= (documentWidth-350 );       
        
        
        t.style.display='block'; 
    
        // to make dynamic position of the tooltip 
    
        t.style.top = z + "px"; 
    
        t.style.left = r + "px"; 
    
        
    
    } 
    function checkClassName(name)
    { 
        names  = name.split(' ');
        for(var i=0; i < names.length; i++)
        { 
            if (names[i] == 'tooltip')
            { 
                return names[i]; 
            } 
        } 
    }
    function getCoordinates (ev)
    
    { 
    
        // for ie 
    
        if (!ev) ev = window.event ;  
    
        //firefox
    
        if (ev.pageX || ev.pageY) 
    
        { 
    
            x = ev.pageX; 
    
            y = ev.pageY; 
    
        } 
    
        //IE
    
        else if (ev.clientX || ev.clientY)
    
        { 
    
            x = ev.clientX ;
    
            y = ev.clientY ;
    
        }
    
        showDiv(this.getAttribute('dir'));
    
    }
    
    
    
    function createDiv() 
    
    { 
    
        // creates new span element with 
    
        var spn = document.createElement("span"); 
        // sets id as toolTips for span element
        spn.setAttribute('id','spanBox'); 
    
        //css for span element
        spn.style.cssText =  "font-family:'Arial';color:#333333;position:absolute;font-size:11px;border-top:none;max-width:300px;background:url(images/tooltip/t_t.gif) no-repeat left top;padding-top:11px;" ;
    
        spn.style.display = 'none'; 
    
        // appends the span element on the last of the body tag.
        var _span = document.createElement('span'); 
        _span.style.cssText = ' display: block;background-color:#FAF9C0;padding:0px;border:1px solid #E1D9A8;border-top:none;padding:8px;'; 
    
    
        spn.appendChild(_span); 
        document.body.appendChild(spn);
    }  
}