/*
<script Language='JavaScript' src='/sys_mine/tooltip.js'></script>
<span id='unikum_id_1_span' ></span>

onmouseover="javascript:show_detale(event,'าลสัา','#EAEDFF','#B8BAFF',1)" 
onmouseout="javascript:show_detale(event,0,0,0,1)"
*/
function show_tooltipe(e,text,bgcolor,border,img_id)
{	
id='unikum_id_1';
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;

if(text==0)
{
document.getElementById(id+"_fly").style.display = 'none'; 
}
else
{
var element = document.getElementById(id+"_span");
var content = '<div style="position:absolute;border:solid 2px '+border+';display:none;padding:2px;Z-INDEX:1000;LEFT:'+x+';TOP:'+y+';font-size:16px;background-color:'+bgcolor+';" id="'+id+'_fly"><nobr>'+text+'</nobr></div>';    
element.innerHTML = content;

document.getElementById(id+"_fly").style.display = 'block';
}

}