var divThreeCatalog = document.getElementById("divThreeCatalog");
var _offsetX;
var _clientX;
var _offsetY;
var _clientY;
var _scrollLeft;
var _scrollTop;

function showThreeClass(linkid,e)
{
   
   var tableid=linkid.nextSibling;
   if(tableid){   
   if(tableid.nodeName=='#text') tableid=tableid.nextSibling;
        var str=tableid.innerHTML;
        
        if(str.length < 40)
          return;
        if(navigator.userAgent.indexOf("MSIE")>0){    
            _offsetX = e.offsetX;
            _offsetY = e.offsetY;
        }
        else
        {
            _offsetX = e.layerX;
            _offsetY = e.layerY;
        }
        _clientX = e.clientX;
        _clientY = e.clientY;
        
       _scrollLeft = document.documentElement.scrollLeft;
       _scrollTop  = document.documentElement.scrollTop;       
       divThreeCatalog.innerHTML  = str;
       divThreeCatalog.style.left = getXPosition(linkid) +202+ "px";
       divThreeCatalog.style.top  = getYPosition(linkid) +0+ "px";
       divThreeCatalog.style.display = "block";
    }
}

function hiddenThreeClass()
{
   divThreeCatalog.style.display = "none";
}

function showThreeClassAgain()
{
   divThreeCatalog.style.display = "block";   
}



