var ids = new Array();
var id_disp = new Array();

var toolTipDefaultWidth;

var tooltipBkgColor = "#EEEEEE";
var tooltipHighlightColor = "#FFFFE0";
var tooltipFont = "±¼¸²Ã¼";
var tooltipTitleColorOff = "#0000DE";
var tooltipTitleColorOn = "#0000DE";
var tooltipURLColorOff = "#008000";
var tooltipURLColorOn = "#008000";
var tooltipTitleDecorationOff = "none";
var tooltipTitleDecorationOn = "underline";
var tooltipURLDecorationOff = "none";
var tooltipURLDecorationOn = "underline";

var linkPosX;
var linkPosY;

var body_str;
var tooltip_title;


if(navigator.appName == "Netscape"){
	document.write("<style>.intellitextLink{padding-bottom: 1px;}</style>");
}

function changeStyle(objectID, propertyName, propertyValue){
	document.getElementById(objectID).style[propertyName] = propertyValue;
}

function changeProperty(objectID, propertyName, propertyValue){
	document.getElementById(objectID)[propertyName] = propertyValue;
}

var hideID = 0;

function adDelay(){
	changeStyle('tooltipBox', 'visibility', 'hidden');
	clearInterval(hideID);
}

function clearAdInterval(){
	clearInterval(hideID);
}

function hideAd(){
	clearInterval(hideID);
	hideID = setInterval(adDelay, 800);
}


function highlightAd(idString){
	document.getElementById(idString).style.filter = "alpha(opacity=100)";
	document.getElementById(idString).style.mozOpacity = "1";
	document.getElementById(idString).style.opacity = "1";
	for(var x=1;x<7;x++){
		var tempID = "cZn" + x;
		document.getElementById(tempID).style.background = tooltipHighlightColor;
	}
}

function unHighlightAd(idString){
	document.getElementById(idString).style.filter = "alpha(opacity=90)";
	document.getElementById(idString).style.mozOpacity = ".9";
	document.getElementById(idString).style.opacity = ".9";
	for(var x=1;x<7;x++){
		var tempID = "cZn" + x;
		document.getElementById(tempID).style.background = tooltipBkgColor;
	}
}

function find_ids(id)
{
        for (var i=0;i<ids.length;++i)
        {
                if (ids[i] == id)
                {
                        return i;
                }
        }
        return -1;
}

function get_postion()
{
        if(navigator.appName == "Netscape")
        { 
                var window_width = window.innerWidth;
                var window_height = window.innerHeight;
        }
        else if(navigator.appName == "Microsoft Internet Explorer")
        { 
                var window_width = document.body.clientWidth;
                var window_height = document.body.clientHeight;
        }


        linkPosX = event.x + document.body.scrollLeft + 10;

        linkPosY = event.y + document.body.scrollTop + 5;

        if (linkPosX < 0)
        {
                linkPosX = 0;
        }
        else if (linkPosX + toolTipDefaultWidth > document.body.scrollLeft + document.body.clientWidth)
        {
                linkPosX = document.body.clientWidth+ document.body.scrollLeft - toolTipDefaultWidth;;
        }
}


function displayCareer(id)
{
        tooltip_title = 'ȸ¿øÁ¤º¸';
        toolTipDefaultWidth = 350;

        if (!id) return 0;

        get_postion();

        body_str = '' ;
        var idp = find_ids(id);

        if (idp >= 0)
        {
               body_str = id_disp[idp];
               disp_tool_tip(body_str);
               return;
        }

        disp_tool_tip('Àá½Ã¸¸ ±â´Ù¸®¼¼¿ä');

        ids[ids.length] = id;

        jkslove.src = '/regist/tool_tip_get_member_info.php?id=' + base64encode(id) + '&t=' + Math.random();
        wait_time();
}

function money_info(money,type,ae)
{
        if (type == 'q')
                var str = 'ÇöÀç <font color=' + money_color + '><b>' + setComma(money) + '</b>¿ø</font> ÀÌ °áÁ¦µÇ¾î ÀÖ°í, äÅÃµÈ ´äº¯ÀÚ¿¡°Ô Á¤»ê Áö±ÞµË´Ï´Ù.';
        else
        if (type == 'p')
        {
                var str = '¡ºÀ¯·á ´äº¯/ÁýÇÊ¡»: <font color=' + money_color + '><b>' + setComma(money) + '</b>¿ø</font>À» °áÁ¦ÇÏ½Ã¸é º¸½Ç ¼ö ÀÖ½À´Ï´Ù.';
                if (ae)
                        str += '<img src=/img/pay/popup_pay_button.gif align=absmiddle onClick="adDelay();open_goto_pay(\'' + ae + '\')" style="cusrsor:hand">';
        }
        else
        if (type == 'b')
                var str = '<font color=' + money_color + '><b>' + setComma(money) + '</b>¿ø</font>Àº Ãâ±Ý °¡´ÉÇÑ ±Ý¾×ÀÔ´Ï´Ù.';

        display_notice('±Ý¾× Á¤º¸',str,250);
}

function judgment_lose_info(juge_lose_count,type)
{
        if (type=='a') var type_str = "´äº¯";
        if (type=='w') var type_str = "ÁýÇÊ";

        var str = 'ÀÌ À¯·á' + type_str + 'Àº <font color=4549F1>ȯºÒ¿äûÀÇ ÀçÆÇ</font>¿¡ ÀÇÇØ ÃÑ <font color=' + money_color + '><b>'+ juge_lose_count + ' </b></font>°ÇÀÇ È¯ºÒó¸® µÇ¾ú½À´Ï´Ù.';

        display_notice('À¯·á' + type_str + 'ÀÇ È¯ºÒÀçÆÇ Á¤º¸',str,240);
}

function display_notice(title,str,width)
{
        if (!str) return;
        tooltip_title = title;
        toolTipDefaultWidth = width;
        get_postion();
        disp_tool_tip(str);
}

function wait_time()
{
       if (!body_str) setTimeout(wait_time,200);

       id_disp[ids.length-1] = body_str;
       disp_tool_tip(body_str);
}

function career_notice()
{
        var str = 
                '<table border=0 width=100% cellpadding=0 cellspacing=0>' +
                '<tr>' +
                '<td width=15 align=center valign=top>1.' +
                '<td><img src=/img/career/check.gif align=absmiddle> À¸·Î Ç¥±âµÈ ÀÌ·ÂÀº ÁõºùÀÚ·á°¡ <b>È®ÀÎµÈ À̷»çÇ×</b>ÀÔ´Ï´Ù.<br>' +
                ' ¿¹) ¼­¿ï´ëÁ¹¾÷<img src=/img/career/check.gif align=absmiddle>, ¿îÀü¸éÇã1Á¾º¸Åë<img src=/img/career/check.gif align=absmiddle>, ¼¼¹«»ç<img src=/img/career/check.gif align=absmiddle>' +

                '<tr>' +
                '<td width=15 align=center valign=top>2.' +
                '<td><img src=/img/career/not_check.gif align=absmiddle> À¸·Î Ç¥±âµÈ ÀÌ·ÂÀº ¾ÆÁ÷ <b>È®ÀεÇÁö ¾ÊÀº À̷»çÇ×</b>ÀÔ´Ï´Ù.<br>' +
                ' ¿¹) ¼­¿ï´ëÁ¹¾÷<img src=/img/career/not_check.gif align=absmiddle>, ¿îÀü¸éÇã1Á¾º¸Åë<img src=/img/career/not_check.gif align=absmiddle>, ¼¼¹«»ç<img src=/img/career/not_check.gif align=absmiddle>' +

                '<tr>' +
                '<td width=15 align=center valign=top>3.' +
                '<td>ÀÌ·ÂÀ» È®ÀÎ ¹Þ±â À§Çؼ­´Â <b>ÀÚ°ÝÁõµî Áõºù³»¿ë</b>À» <b>½ºÄµÀ̹ÌÁö·Î µî·Ï</b>ÇÏ¿© <b>°ü¸®ÀÚÀÇ ÀÎÁõ</b>À» ¹Þ¾Æ¾ß ÇÕ´Ï´Ù.' +

                '<tr>' +
                '<td width=15 align=center valign=top>4.' +
                '<td>ÀÚ°ÝÁõµî Áõºù³»¿ëÀ» ½ºÄµÀ̹ÌÁö ÆÄÀÏÀº <b>ÀϹݿ¡ °ø°³µÇÁö ¾Ê°í</b>, ÀڰݵîÀÇ ÀÎÁõ È®ÀÎÀÚ·á·Î¸¸ ÀÌ¿ëµË´Ï´Ù.' +

                '<tr>' +
                '<td height=35 valign=middle colspan=2 align=center><a href=/mypage/mypage.php?w=car><img src=/img/career/my_career_regist_goto_button.gif></a>' +
                '<tr bgcolor=090e79>' +
                '<td colspan=2><font color=ffffff>¡Ø º» ¹æ¹ýÀº <b><font color=ffff00>¡¸Ãâ¿øBMƯÇ㡹</font></b>·Î ¹«´ÜÀ¸·Î »ç¿ë ¶Ç´Â ÀÀ¿ëÇÒ °æ¿ì ¹Î/Çü»ç»ó ó¹úÀ» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.' +
                '</table>';

        display_notice('ÀÌ·ÂÁ¤º¸ ¾È³»',str,300);
}

function disp_tool_tip(body_article)
{
 	var displayString = '';
	displayString += '<table id="ilovejks" name="ilovejks" cellspacing="0" cellpadding="0" border="0" width="100%" style="width:100%;filter:alpha(opacity=90);moz-opacity:.90;opacity:.90;">';
	displayString += 	'<tr>'
	displayString += 		'<td>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#E6E6E6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#F4F4F4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#E9E9E9; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#E0E0E0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#DADADA; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D7D7D7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D4D4D4; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D5D5D5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D0D0D0; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#C5C5C5; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#C6C6C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#C7C7C6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#CACAC6; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#CDCDC7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D0D0C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#D4D4C7; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#DBDBCB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#CECEDB; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 			'<b style="font-size:1px;display:block;height:1px;background:#ADADA8; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin: 0 0px;"></b>'
	displayString += 		'</td>'
	displayString += 	'</tr>'
	displayString += 	'<tr>'
	displayString += 		'<td id="cZn1" name="cZn1" style="display:block; background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;">'
	displayString += 				'<table cellpadding="0" cellspacing="0" border="0" style="position:relative;width:100%;">'
	displayString += 					'<tr>'
	displayString += 						'<td style="padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:2px;vertical-align:top;text-align:left;">'
	displayString += 							'<span style="color:#000000;display:block;padding-top:7px;padding-bottom:7px;font-size:11px;display:block;font-family:' + tooltipFont + ';">' + body_article + '</span>'
	displayString += 						'</td>'
	displayString += 					'</tr>'
	displayString += 				'</table>'
	displayString += 		'</td>'
	displayString += 	'</tr>'
	displayString += 	'<tr>'
	displayString += 		'<td>'
	displayString += 			'<b id="cZn2" name="cZn2" style="font-size:1px;display:block;height:1px;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
	displayString += 			'<b id="cZn3" name="cZn3" style="font-size:1px;display:block;height:1px;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 1px;"></b>'
	displayString += 			'<b id="cZn4" name="cZn4" style="font-size:1px;display:block;height:1px;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px;"></b>'
	displayString += 			'<b id="cZn5" name="cZn5" style="font-size:1px;display:block;height:1px;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 2px; border-width:0 2px;"></b>'
	displayString += 			'<b id="cZn6" name="cZn6" style="font-size:1px;display:block;height:1px;background:' + tooltipBkgColor + '; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 4px; border-width:0 2px;"></b>'
	displayString += 			'<b class="c1" style="font-size:1px;display:block;height:1px;background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;overflow: hidden;margin:0 6px;"></b>'
	displayString += 		'</td>'
	displayString += 	'</tr>'
	displayString += '</table>'
	displayString += '<div style="position:absolute;left:8px;top:5px;color:#666666;font-size:12px;font-family:' + tooltipFont + ';">'+ tooltip_title + '</div>'
	displayString += '<div style="position:absolute;right:8px;top:5px;color:#808080;font-size:12px;font-family:Helvetica;"><img src=/img/etc/close_over.gif onClick="adDelay();" style="cursor:hand";></div>'


	changeProperty('tooltipBox', 'innerHTML', displayString);

	var tempWidth = toolTipDefaultWidth + "px";
	changeStyle('tooltipBox', 'width', tempWidth);

        var linkPosXString = linkPosX + "px";
	var linkPosYString = linkPosY + "px";

	changeStyle('tooltipBox', 'left', linkPosXString);
	changeStyle('tooltipBox', 'top', linkPosYString);
	changeStyle('tooltipBox', 'visibility', 'visible');

        Drag.init(document.getElementById('tooltipBox'));

}



/**************************************************
 * dom-drag.js
 * 09.25.2001
 * www.youngpup.net
 * Script featured on Dynamic Drive (http://www.dynamicdrive.com) 12.08.2005
 **************************************************
 * 10.28.2001 - fixed minor bug where events
 * sometimes fired off the handle, not the root.
 **************************************************/

var Drag = {

	obj : null,

	init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
	{
		o.onmousedown	= Drag.start;

		o.hmode			= bSwapHorzRef ? false : true ;
		o.vmode			= bSwapVertRef ? false : true ;

		o.root = oRoot && oRoot != null ? oRoot : o ;

		if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
		if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
		if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
		if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

		o.minX	= typeof minX != 'undefined' ? minX : null;
		o.minY	= typeof minY != 'undefined' ? minY : null;
		o.maxX	= typeof maxX != 'undefined' ? maxX : null;
		o.maxY	= typeof maxY != 'undefined' ? maxY : null;

		o.xMapper = fXMapper ? fXMapper : null;
		o.yMapper = fYMapper ? fYMapper : null;

		o.root.onDragStart	= new Function();
		o.root.onDragEnd	= new Function();
		o.root.onDrag		= new Function();
	},

	start : function(e)
	{
		var o = Drag.obj = this;
		e = Drag.fixE(e);
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		o.root.onDragStart(x, y);

		o.lastMouseX	= e.clientX;
		o.lastMouseY	= e.clientY;

		if (o.hmode) {
			if (o.minX != null)	o.minMouseX	= e.clientX - x + o.minX;
			if (o.maxX != null)	o.maxMouseX	= o.minMouseX + o.maxX - o.minX;
		} else {
			if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
			if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
		}

		if (o.vmode) {
			if (o.minY != null)	o.minMouseY	= e.clientY - y + o.minY;
			if (o.maxY != null)	o.maxMouseY	= o.minMouseY + o.maxY - o.minY;
		} else {
			if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
			if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
		}

		document.onmousemove	= Drag.drag;
		document.onmouseup		= Drag.end;

		return false;
	},

	drag : function(e)
	{
		e = Drag.fixE(e);
		var o = Drag.obj;

		var ey	= e.clientY;
		var ex	= e.clientX;
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		var nx, ny;

		if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
		if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
		if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
		if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);

		nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
		ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

		if (o.xMapper)		nx = o.xMapper(y)
		else if (o.yMapper)	ny = o.yMapper(x)

		Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
		Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
		Drag.obj.lastMouseX	= ex;
		Drag.obj.lastMouseY	= ey;

		Drag.obj.root.onDrag(nx, ny);
		return false;
	},

	end : function()
	{
		document.onmousemove = null;
		document.onmouseup   = null;
		Drag.obj.root.onDragEnd(	parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
									parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
		Drag.obj = null;
	},

	fixE : function(e)
	{
		if (typeof e == 'undefined') e = window.event;
		if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
		if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
		return e;
	}
}