var floatBox_zIndex = 1000;
    
    var floatBoxArray = new Array();
    function floatBox(el, content, className)
    {
        if(!content) return;
        
        var id = floatBoxArray.length;
        var div = document.createElement('div'); 
        div.className = className;
        div.setAttribute('id', 'floatbox_' + id);
        div.style.position = 'absolute';
        div.style.display = 'none';
        div.innerHTML = content;
        
        floatBoxArray[id] = {div: div, prms: {el: el, content: content, className: className}};
        
        el.floatBox = id;
        
        document.getElementsByTagName('body').item(0).appendChild(div);
        
        el.onmousemove = function(e) {
            e = (!e)? event: e;
            var div = floatBoxArray[this.floatBox].div;
            
            var xScroll, yScroll;
        	if (self.pageYOffset) {
        		yScroll = self.pageYOffset;
        		xScroll = self.pageXOffset;
        	} else if (document.documentElement && document.documentElement.scrollTop){	
        		yScroll = document.documentElement.scrollTop;
        		xScroll = document.documentElement.scrollLeft;
        	} else if (document.body) {
        		yScroll = document.body.scrollTop;
        		xScroll = document.body.scrollLeft;	
        	}
            
            div.style.display = 'block';
            div.style.left = e.clientX + xScroll + 10 + 'px';
            div.style.top = e.clientY + yScroll + 10 + 'px';
            div.style.zIndex = floatBox_zIndex;
        };
        
        el.onmouseout = function() {
            var div = floatBoxArray[this.floatBox].div;
            div.style.display = 'none';
        }
    }