function getPos(el) 
{
       var r = { x: el.offsetLeft, y: el.offsetTop, w: el.offsetWidth, h: el.offsetHeight};

       if (el.offsetParent) {
               var tmp = getPos(el.offsetParent);
               r.x += tmp.x;
               r.y += tmp.y;
       }
       return r;
};

function popupFeatureTable(elm,popup,offset_left,offset_top)
{
	var popup  = document.getElementById(popup);
	if(popup.style.display == 'block') return;
	var elmPos = getPos(elm);
	
	if (!(typeof offset_left == 'number')) offset_left = 0;
	if (!(typeof offset_top == 'number')) offset_top = 0;
	offset_top += 9;
	
	// popup position
	popup.style.marginLeft = offset_left +"px";
	popup.style.display    = 'block';
	popup.style.top        = (elmPos.y - popup.offsetHeight + offset_top) +"px";
	
	if (typeof elm.onmouseout !== 'function'){
		elm.onmouseout = function(){
			popup.style.display = 'none';
		}
	}
}