/* ===================================================================================================
 * program name: tooltip maker
 * note: happyscript.com¿¡¼­ source¸¦ Âü°íÇß½À´Ï´Ù. È¤½Ã ÀúÀÛ±Ç¿¡ ¹®Á¦°¡ µÈ´Ù¸é ¾Ë·ÁÁÖ¼¼¿ä.
 * »ç¿ë¹ý : ¾Æ·¡¿Í °°Àº ¹æ¹ýÀ¸·Î »ç¿ëÇÕ´Ï´Ù. Á¦¸ñÀ» ''·Î Ã³¸®ÇÏ¸é Á¦¸ñÀÌ ³ª¿ÀÁö ¾Ê½À´Ï´Ù.
 * <script src=js/tooltip.js></script>
 * <a href="#" onMouseOver="tooltip_on('Á¦¸ñ', 'º»¹®')"; OnMouseOut="tooltip_off()">
 *
 * 								2004.05.03 by relena@nhncorp.com 
 * =================================================================================================== */
document.write("<body><DIV ID='topdeck' style='position:absolute; visibility:hidden; z-index:500'></DIV>");

	var x_point		= 3;
	var y_point		= -10;

	var nav = (document.layers); 		/* netscape ÀÎ°¡? */
	var iex = (document.all);		/* explorer ÀÎ°¡? */
	var skn = (nav) ? document.topdeck : topdeck.style;	/* skin */

	if (nav) document.captureEvents(Event.MOUSEMOVE);	/* mosue event captuer */
	document.onmousemove = get_mouse;			/* set event handler */

	function tooltip_on(tbwidth, img, msg) {

		/* header */
/*
		s =		"<table width="+tbwidth+" cellpadding=0 cellspacing=0 border=0>";
		s = s + "<tr>";
		s = s + "	<td><img src=/images/club/layer_topside01.gif border=0></td>";
		s = s + "	<td background=/images/club/layer_bg01.gif align=right><img src="+titleimg+" border=0></td>";
		s = s + "	<td><img src=/images/club/layer_topside01.gif border=0></td>";
		s = s + "</tr>";
		s = s + "<tr>";
		s = s + "	<td bgcolor=#000000></td>";
		s = s + "	<td bgcolor=#FFFFFF style=padding-left:15px;padding-right:15px>";

		/* Ç³¼± µµ¿ò¸» º»¹® ³»¿ë Ãß°¡ */
/*
		s = s + "		<table width=0 cellpadding=0 cellspacing=0 border=0>";
		s = s + "		<tr><td height=5></td></tr>";
		s = s + "		<tr><td style=padding-left:3px;padding-right:3px background=../../images/dot_width05.gif><font class=d11_gray01 style=line-height:21px>"+msg+"</font></td></tr>";
		s = s + "		</table>";
*/
		/* footer */
/*
		s = s + "	</td>";
		s = s + "	<td bgcolor=#000000></td>";
		s = s + "</tr>";
		s = s + "<tr height=15>";
		s = s + "	<td bgcolor=#000000></td>";
		s = s + "	<td bgcolor=#FFFFFF></td>";
		s = s + "	<td bgcolor=#000000></td>";
		s = s + "</tr>";
		s = s + "<tr><td height=1 bgcolor=#000000 colspan=3></td></tr>";
		s = s + "</TABLE>";
*/
    //<-- 2007.02.14 ¼öÁ¤ -->
		s =   "<table width="+tbwidth+" cellpadding=0 cellspacing=0 border=0>";
		s = s + "<tr>";
		s = s + "  <td><img src="+img+" border=0</td>";
		s = s + "</tr>";
		s = s +"</table>";
		
		if (nav) {
			skn.document.write(s); 
			skn.document.close();
			skn.visibility = "visible";
		}
		else if (iex) {
			document.all("topdeck").innerHTML = s;
			skn.visibility = "visible";  
		}
	}

	function tooltip_off() {
	    	s = "";
		skn.visibility = "hidden";
		if (nav) {
			skn.document.write(s); 
			skn.document.close();
			skn.visibility = "visible";
		}
		else if (iex) {
			document.all("topdeck").innerHTML = s;
			skn.visibility = "visible";
		}
	}

	function get_mouse(e) {
		var x = (nav) ? e.pageX : event.x+document.body.scrollLeft; 
		var y = (nav) ? e.pageY : event.y+document.body.scrollTop;

		skn.top = y + y_point;
		skn.left = x + x_point;
	}
