<!--script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script -->
<!--script type="text/javascript" src="/js/organictabs.jquery.js"></script -->
<link rel="stylesheet" href="/css/jqtransform.css" type="text/css" media="all" />
<!--script type="text/javascript" src="/js/jquery.jqtransform.js" ></script -->
<!--script type='text/javascript'>
	$(function() {
		$('form').jqTransform({imgPath:'./img/'});
	});

</script-->
<?
if($sessionIDX){
	$res = Get_dbres("select * from user where id = '$sessionIDX'");
	$row	= mysql_fetch_array($res);
	$m_startdate  = explode("-","$row[m_startdate]");
	$m_enddate = explode("-","$row[m_enddate]");

	$resub = Get_dbres("select * from user_profiles where user_id = '$sessionIDX'");
	$rows	= mysql_fetch_array($resub);

	$tel	= explode("-","$rows[tel]");
	$juso	= $rows[juso];
	$birthday = explode("-","$rows[birthday]");
}
?>
<input type='hidden' name='idchk'>
<input type='hidden' name='nickchk'>
<script>
function checkIsZenkaku(value) {
  for (var i = 0; i < value.length; ++i) {
	var c = value.charCodeAt(i);
	//  半角カタカナは不許可
	if (c < 256 || (c >= 0xff61 && c <= 0xff9f)) {
	  return false;
	}
  }
  return true;
}

function check() {
	var strID = document.form.id.value;
	var err = 0; 
	for (var i=0; i<strID.length; i++)  { 
		var chk = strID.substring(i,i+1); 
		if(!chk.match(/[0-9]|[a-z]/)) { 
			err = err + 1; 
		}
	}

	if (err > 0) { 
		 alert("アルファベット(小文字）・数字のみ入力可能です。");
		 document.form.id.focus();
		 return false;
	}
	if (strID.length < 6 || strID.length > 15) { //갯수체크
		alert ("半角英数字6～14文字");
		document.form.id.focus();
		return false;
	}

	if (checkIsZenkaku(strID)) {
		alert("半角小文字でご入力頂きます様お願い致します");
		strID ="";
		document.form.id.focus();
		return false;
	}
	
	idChk();
}
</script>
<div class="sub_title">
	<h3><img src="/images/sub/sub_title_15.jpg" width="275" height="29" /></h3>
	<ul>
	<li>Home</li>
	<li>&gt;</li>
	<li>Member Join</li>
	</ul>
</div>
<div>
	<table width="782" border="0" cellspacing="0" cellpadding="0" class="join_input_area" align="center">
		<tr>
			<td width="162"><span>会員ID</span></td>
			<td valign="middle" style="padding-left:10px;">
				<?if($sessionIDX) {echo "<b>$row[userid]</b>";}else{?>
					<input  type="text" name="id" value="<?=$row[userid]?>" size="15" maxlength="14" style="ime-mode: disabled"/>&nbsp;&nbsp;&nbsp;
					<a href="#" onclick="check();" style="text-decoration:none"><span class="id_chk">[ IDチェック ]</span></a>&nbsp;&nbsp; 半角英数字6～14文字 
				<?}?>
			</td>
		</tr>
		<tr>
			<td><span>名前 ( 漢字 )</span></td>
			<td style="padding-left:10px;"><input type="text" name="jname2" value="<?=$row[jname2]?>"></td>
		</tr>
		<tr>
			<td><span>名前（カタカナ）</span></td>
			<td style="padding-left:10px;"><input type="text" name="jname" value="<?=$row[jname]?>"></td>
		</tr>
		<tr>
			<td><span>名前（ローマ字）</span></td>
			<td valign="middle" style="padding-left:10px;"><input type="text" name="username" value="<?=$row[username]?>">
			お名前は半角小文字でご入力頂きます様お願い致します。</td>
		</tr>
		<tr>
			<td><span>ニックネーム</span></td>
			<td style="padding-left:10px;"><input type="text" name="nickname" value="<?=$row[nickname]?>" >&nbsp;&nbsp;<a href="#" onclick="nickChk()" style="text-decoration:none"><span class="id_chk">[ ニックネームチェック ]</span></a></td>
		</tr>
		<tr>
			<td><span>パスワード</span></td>
			<td style="padding-left:10px;"><input type="password" name="pw" maxlength="12" value="<?=$row[new_password_key]?>">&nbsp;&nbsp;[半角英数4文字以上12文字以内]</td>
		</tr>
		<tr>
			<td><span>パスワード確認</span></td>
			<td style="padding-left:10px;"><input type="password" name="repw" maxlength="12" value="<?=$row[new_password_key]?>">&nbsp;&nbsp;大文字と小文字は区別されます。</td>
		</tr>
		<tr>
			<td><span>電話番号</span></td>
			<td style="padding-left:7px;">
				<table>
					<tr>
						<td class="no_border"><input type="text" name="tel1" size="4" maxlength="4" value="<?=$tel[0]?>"></td>
						<td class="no_border">-</td>
						<td class="no_border"><input type="text" name="tel2" size="4" maxlength="4" value="<?=$tel[1]?>"></td>
						<td class="no_border">-</td>
						<td class="no_border"><input type="text" name="tel3" size="4" maxlength="4" value="<?=$tel[2]?>"></td>
						
					</tr>
				</table>
		</td>
		</tr>
		<tr>
			<td><span>Eメール</span></td>
			<td style="padding-left:10px;"><input type="text" name="email" value="<?=$row[email]?>"  size="38"></td>
		</tr>
		<tr>
			<td><span>郵便番号</span></td>
			<td style="padding-left:7px;">
				<table>
					<tr>
						<td class="no_border"><input type="text" name="zip1" size="4" maxlength="4" value="<?=$rows[zip1]?>"></td>
						<td class="no_border">-</td>
						<td class="no_border"><input type="text" name="zip2" size="4" maxlength="4" value="<?=$rows[zip2]?>"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td><span>住所</span></td>
			<td style="padding-left:10px;"><input type="text" name="juso" value="<?=$juso?>" size="38"> 住所は必ず都道府県からご入力ください </td>
		</tr>
		<tr>
			<td class="no_border"><span>生年月日（西暦)</span></td>
			<td style="padding-left:7px;" class="no_border">
				<table>
					<tr>
						<td class="no_border"><input type="text" name="byear" size="4" maxlength="4"  value="<?=$birthday[0]?>"></td>
						<td class="no_border">年</td>
						<td class="no_border"><input type="text" name="bmonth" size="4" maxlength="4" value="<?=$birthday[1]?>"></td>
						<td class="no_border">月</td>
						<td class="no_border"><input type="text" name="bday" size="4" maxlength="4" value="<?=$birthday[2]?>"></td>
						<td class="no_border">日</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>
<div class="join_btns2">
	<span>
	<img src="/images/member/btn_complete.gif" width="93" height="31" alt="利用規約に同意して申し込む" onclick="javascript:<?if(!$sessionIDX){?>check();<?}?>joinChk('<?=$sessionIDX?>')" style="CURSOR: pointer"/></span>
	<span class="padding_left11"><a href="/" style="CURSOR: hand;text-decoration:none" id="btn" class="btn_box"><img src="/images/member/btn_cancel.gif" width="93" height="31" alt="取り消し" /></a></span>
</div>