var HTML = '';   // Ãâ·ÂµÉ HTML..(Çѹø¿¡ ¸ô¾Æ¼­ Ãâ·Â)

function clearText(thefield){
	if (thefield.defaultValue==thefield.value) thefield.value = "";
} 
function login_getCookie(cookieName){
	var Cook = document.cookie.split('; ');
	for(i=0; i<Cook.length; i++) {
		if(cookieName == Cook[i].split('=')[0])
			return Cook[i].split('=')[1];
	}
	return false;
}

function login_idCheck(el)
{
    var pattern = /^[a-zA-Z0-9_]{4,10}$/;
    return (pattern.test(el.value)) ? true : false;
}

function login_pwCheck(el)
{
var pattern = /^[a-zA-Z0-9a-zA-Z0-9!@#$%^&*?_]{4,12}$/;
    return (pattern.test(el.value)) ? true : false;
}

function login_check(frm)  // ·Î±×ÀΠüũ ÇÔ¼ö
{
	if(!frm.user_id.value){
		alert('¾ÆÀ̵ð(ID)¸¦ ÀÔ·ÂÇϽʽÿä!');
		frm.user_id.focus();
		return;
	}
    if(!login_idCheck(frm.user_id)){
       alert('¾ÆÀ̵ð´Â 5ÀÚÀÌ»ó 10ÀÚ ¹Ì¸¸À̾î¾ß ÇÏ°í,\n ¿µ¹®,¼ýÀÚ, _ ¹®ÀÚ¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù');
		frm.user_id.focus();
		frm.user_id.select();
		return;
	}
	 
	if(!frm.passwd.value){
		alert('Æнº¿öµå¸¦ ÀÔ·ÂÇϽʽÿä!');
		frm.passwd.focus();
		return;
	}

	 if(!login_pwCheck(frm.passwd)){
       alert('Æнº¿öµå´Â 4ÀÚÀÌ»ó 10ÀÚ ¹Ì¸¸À̾î¾ß ÇÏ°í,\n ¿µ¹®,¼ýÀÚ, _ ¹®ÀÚ¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù');
		frm.passwd.focus();
		frm.passwd.select();
		return;
	}

   frm.submit();
}
 

function login_sidCheck(){
	
	var sidck = login_getCookie('cook_dkdlelcpzm');

	if(sidck){
		document.user_login.user_id.style.backgroundImage='';
		document.user_login.user_id.value = '';
		document.user_login.sid_ck.checked = 'checked';
		document.user_login.passwd.focus();
	}else{
		document.user_login.user_id.value='';
	}
}

HTML += '          <table width="172"  border="0" cellspacing="0" cellpadding="0">';
HTML += '<form name="user_login" action="http://www.gamemeca.com/common/login_process.html" method="post" autocomplete="off">';
HTML += '<input type="hidden" name="mode" value="login">';
HTML += '<input type="hidden" name="url" value="">';
HTML += '            <tr>';
HTML += '              <td><img src="/special/section/html_section/hg/images/main_img/login_box01.gif" width="173" height="39" ></td>';
HTML += '            </tr>';
HTML += '            <tr>';
HTML += '              <td height="53" align="center" background="/special/section/html_section/hg/images/main_img/login_box02.gif"><table width="150" border="0" cellspacing="0" cellpadding="0">';
HTML += '                <tr>';
HTML += '                  <td width="84" height="20" align="right"><input  name="user_id" value = "¾ÆÀ̵ð" type="text" size="12" maxlength="10" style="background-color: #000000; border:1 solid #9C7B42;color:#ffffff;" onFocus="clearText(this)" onKeyPress="if(event.keyCode == 13) { login_check(document.user_login); }" value="¾ÆÀ̵ð" tabindex=1 ></td>';
HTML += '                  <td width="66" rowspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
HTML += '                    <tr>';
HTML += '                      <td height="17" align="center" valign="top"><input type="checkbox" name="sid_ck" id="sid_ck" value="1" tabindex=3>';
HTML += '                          <span class="s_text02">IDÀúÀå</span></td>';
HTML += '                    </tr>';
HTML += '                    <tr>';
HTML += '                      <td height="23" align="center" valign="bottom"><img src="/special/section/html_section/hg/images/main_img/bu_login_0218.gif" width="52" height="21" border="0" align="absbottom" onClick="login_check(document.user_login)" style="cursor:hand;"></td>';
HTML += '                    </tr>';
HTML += '                  </table></td>';
HTML += '                </tr>';
HTML += '                <tr>';
HTML += '                  <td height="15" align="right" valign="top"><input name="passwd" type="password" value = "ºñ¹Ð¹øÈ£" onFocus="clearText(this)" onKeyPress="if(event.keyCode == 13) { login_check(document.user_login); }"  size="12" style="background-color: #000000; border:1 solid #9C7B42;color:#ffffff;" tabindex=2></td>';
HTML += '                  </tr>';
HTML += '              </table>';
HTML += '                </td>';
HTML += '            </tr>';
HTML += '            <tr>';
HTML += '              <td width="173" height="33" align="center" valign="top" background="/special/section/html_section/hg/images/main_img/login_box03.gif" style="padding:3 0 0 0"><table width="95%"  border="0" cellspacing="0" cellpadding="0">';
HTML += '                <tr align="center">';
HTML += '                  <td><img src="/special/section/html_section/hg/images/main_img/bu_pw.gif" width="61" height="10" onClick="location.href=\'http://www.gamemeca.com/userinfo/userinfo_search.html\'" style="cursor:hand;"></td>';
HTML += '                  <td><img src="/special/section/html_section/hg/images/main_img/bu_member.gif" width="61" height="10" onClick="location.href=\'http://www.gamemeca.com/userinfo/joining_agree.html\'" style="cursor:hand; cursor:pointer;"></td>';
HTML += '                </tr>';
HTML += '              </table></td>';
HTML += '            </tr>';
HTML += '			</form>';
HTML += '          </table>';



document.write(HTML);
login_sidCheck();