/* ===================================================================================================
 * 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("<head><style TYPE=text/css>.tooltip {position:absolute; visibility:hidden; z-index:500}</style></head>");
document.write("<body><DIV ID='topdeck' CLASS='tooltip'></DIV>");
	var title_font_color	= "#ffffff";	/* ¼öÁ¤ÇÏ¼¼¿ä: Á¦¸ñ ±ÛÀÚ»ö */
	var title_font_size	= "4";		/* ¼öÁ¤ÇÏ¼¼¿ä: Á¦¸ñ ±ÛÀÚ Å©±â */

	var font_color		= "#000000";	/* ¼öÁ¤ÇÏ¼¼¿ä: º»¹® ±ÛÀÚ»ö */
	var font_size		= "3";		/* ¼öÁ¤ÇÏ¼¼¿ä: º»¹® ±ÛÀÚ Å©±â */

	var x_point		= 0;		/* ¼öÁ¤ÇÏ¼¼¿ä: ÅøÆÁÀÇ x ÁÂÇ¥ */
	var y_point		= 15;		/* ¼öÁ¤ÇÏ¼¼¿ä: ÅøÆÁÀÇ y ÁÂÇ¥ */
	var x_max		= 100;		/* ¼öÁ¤ÇÏ¼¼¿ä: xÀÇ max ÁÂÇ¥ */
	var x_point2		= -90;		/* ¼öÁ¤ÇÏ¼¼¿ä: xÀÇ maxÁÂÇ¥°¡ ³Ñ¾î°¡¸é x_point2¸¦ ´õÇÕ´Ï´Ù. */

	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(title, msg) {
		/* ¼öÁ¤ÇÏ¼¼¿ä: Á¦ÀÏ ¹Ù±ù, Á¦¸ñ, º»¹® Å×ÀÌºí ¼ø¼­ÀÔ´Ï´Ù. */
		var tbl_root		= "<TABLE WIDTH=90 BORDER=0 CELLPADDING=1 CELLSPACING=0 BGCOLOR=#000000>";
		var tbl_title		= "<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";
		var tbl_content		= "<TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#ffffe7>";

		/* header */
		s =	tbl_root;
		s = s + "<TR>";
		s = s + "	<TD>";

		/* titleÀÌ ÀÖÀ» ¶§¸¸ titleÀ» Ãß°¡ */
		if ( title != "" ) {
		s = s + tbl_title;
		s = s + "	<TR>";
		s = s + "		<TD>";
		s = s + "		<CENTER>";
		s = s + "		<FONT FACE=µ¸¿ò COLOR="+title_font_color+" SIZE="+title_font_size+">"+title+"</FONT>";
		s = s + "		</CENTER>";
		s = s + "		</TD>";
		s = s + "	</TR>";
		s = s + "	</TABLE>";
		}

		/* Ç³¼± µµ¿ò¸» º»¹® ³»¿ë Ãß°¡ */
		s = s + tbl_content;
		s = s + "	<TR>";
		s = s + "		<TD>";
		s = s + "		<FONT SIZE="+font_size+" COLOR="+font_color+"><left>"+msg+"</left></FONT>";
		s = s + "		</TD>";
		s = s + "	</TR>";
		s = s + "	</TABLE>";
		s = s + "	</TD>";

		/* footer */
		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;
		if ( x < x_max )
		    skn.left = x + x_point;
		else
		    skn.left = x + x_point2;
	}
