/* 마우스 이동 이벤트 등록*/
document.onmousemove = mouse_move
/**************************/

//사용 예시 : onMouseOver="visible_tooltip('하하히하하');" onMouseOut="hidden_tooltip();"

var mouse_x;
var mouse_y;
var tooltip_visible_flag;
var tooltip_text;
var left_top="/en/lib/images/left_top.gif", left_left="/en/lib/images/left_left.gif", left_bottom="/en/lib/images/left_bottom.gif";
var center_top="/en/lib/images/center_top.gif", center_bottom="/en/lib/images/center_bottom.gif";
var right_top="/en/lib/images/right_top.gif", right_right="/en/lib/images/right_right.gif", right_bottom="/en/lib/images/right_bottom.gif";

document.write("<div id=tooltip_layer style='position:absolute; visibility: hidden; left:0px; top:0px; z-index:99; filter:alpha(opacity=90);'>");
document.write("<table border=0 cellspacing=0 cellpadding=0 align=center>");
document.write("<tr height=9><td valign=bottom><img src="+left_top+"></td><td background="+center_top+"></td><td width=14 background="+center_top+"></td><td valign=bottom><img src="+right_top+"></td></tr>");
document.write("<tr height=2><td background="+left_left+"></td><td bgcolor=#FFFFFF></td><td width=14 bgcolor=#FFFFFF></td><td background="+right_right+"></td></tr>");
document.write("<tr height=20><td background="+left_left+"></td><td bgcolor=#FFFFFF><div id=tooltip_text style=font-family:돋움;font-size:12px;letter-spacing=-0.1em;></div></td><td width=14 bgcolor=#FFFFFF></td><td background="+right_right+"></td></tr>");
document.write("<tr height=9><td><img src="+left_bottom+"></td><td background="+center_bottom+"></td><td width=14 background="+center_bottom+"></td><td valign=top><img src="+right_bottom+"></td></tr>");
document.write("</table>");
document.write("</div>");

function move_tooltip()
{
	document.all.tooltip_layer.style.left = mouse_x-14;
	document.all.tooltip_layer.style.top = mouse_y-46;	
}

function visible_tooltip(str,mode)
{
	if(mode=='chart')	return;
	
	move_tooltip();
	document.all.tooltip_text.innerHTML=str;	
	document.all.tooltip_layer.style.visibility='visible';	
	
	tooltip_visible_flag=1;
	tooltip_text=str;
}

function hidden_tooltip()
{
	document.all.tooltip_layer.style.visibility='hidden';
	
	tooltip_visible_flag=0;
}

function mouse_move(E)
{	
	mouse_x=event.x+document.body.scrollLeft; 
	mouse_y=event.y+document.body.scrollTop;	
	if(tooltip_visible_flag) move_tooltip();
}