document.write("<span id=\"tooltip_span_id\" style=\"Z-INDEX:1000;position:absolute;lett:0;top:0;border::solid 2px #69FF6D;font-size:16px;font-family:arial;background-color:#E1FFE1;display:none;padding:2px;\"></span>");

function show_detale(e,id,text,color)
{
if(typeof(fontH)=='undefined')
	var fontH=12;
var element = document.getElementById("tooltip_span_id");

if(text==0)
{ 
element.style.display = 'none';
}
else
{
var color1='#E8E8E4'; 
var color2='#BFC2C2';
if(color==1) {color1='#E1FFE1'; color2='#69FF6D';}
if(color==2) {color1='#FFE1E4';color2='#FF6D6D';}

var x = 0, y = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY)
{
    x = e.pageX;
    y = e.pageY;
}
else if(e.clientX || e.clientY)
{
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
}
x=x+10;y=y-30;

element.style.top=0;
element.style.left=0;
//element.style.border
element.style.fontSize="16px";
element.style.fontFamily="arial";
element.style.color=color2;
element.style.backgroundColor=color1;
element.innerHTML =text;

var sizeX=element.offsetWidth;
var sizeY=element.offsetHeight;
if((document.getElementsByTagName('body')[0].scrollWidth-x) < sizeX)
x=document.getElementsByTagName('body')[0].scrollWidth-sizeX;
if(e.clientY < sizeY)
y += 2*sizeY;
element.style.left=x;

element.style.top=y; 
element.style.display = 'block';
}
}