<HTML>
<HEAD>
	<TITLE>{siteName} - Member's Passport Registration</TITLE>
	<meta http-equiv=content-type content="text/html;charset=gb2312">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<script type="text/javascript" src="JS/Jquery.min.js.php"></script>
	<script type="text/javascript" src="JS/Jquery.android.js.php"></script>
	<script language=javascript src="JS/CheckQuestion.en.php"></script>
	<LINK href="CSS/Android.css" type=text/css rel=stylesheet>
	<SCRIPT type=text/javascript>
		rexseeSpecialKey.enableBackKeyListener(false);
		rexseeMenu.setOptionsMenuId("mainOptionsMenu1");
		function Check_Form_Validator()
		{
			if (!CheckNotNull(document.Check_Form.administrators_Name, "Username")) {return false;}
			if (!CheckEmail(document.Check_Form.administrators_Name,"Username")) {return false;}
			if (!CheckNotNull(document.Check_Form.nickName, "Nickname")) {return false;}
			<!-- CHECK PASSWORD -->
			if (!CheckNotNull(document.Check_Form.passWord, "Password")) {return false;}
			if (!CheckStringLength(document.Check_Form.passWord, "Password",6,20)) {return false;}
			if (document.Check_Form.passWord.value != document.Check_Form.passWord2.value) {document.Check_Form.passWord2.focus();$.notification("The password you input twice is not the same");return false;}
			<!-- END PASSWORD -->
			if (!CheckNotNull(document.Check_Form.answerPass,"The answers of the security questions")) {return false;}
			{optionCheckInput}
		}
		var http_request = false;
		function AjaxRequest(url,type)
		{
			http_request = false;
			if(window.ActiveXObject)
			{
				try  // IE
				{
					http_request = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch (e)
				{
					try
					{
						http_request = new ActiveXObject("Microsoft.XMLHTTP");
					}
					catch (e) {}
				}
			}
			else if(window.XMLHttpRequest)
			{
				// Mozilla, Safari,...
				http_request = new XMLHttpRequest();
				if (http_request.overrideMimeType)
				{
					http_request.overrideMimeType('text/xml');
				}
			}
			
			if (!http_request)
			{
				$.notification("Cannot create an XMLHTTP instance");
				return false;
			}
			http_request.onreadystatechange = AjaxNameContents;
			http_request.open('GET', url, true);
			http_request.send(null);
		}

		function AjaxNameContents()
		{
			if (http_request.readyState == 4)
			{
				if(http_request.status == 200)
				{
					if(http_request.responseText == "false")
					   document.getElementById("userNameInfo").innerHTML="<br/><img src=Images/check_no.gif border=0> <span class=red>The username input has been registered</span>";
					else if(http_request.responseText == "true")
					   document.getElementById("userNameInfo").innerHTML="<br/><img src=Images/check_yes.gif border=0> <span class=green>The username input can be registered</span>";
					else if(http_request.responseText == "null") 
					   document.getElementById("userNameInfo").innerHTML="<br/><img src=Images/check_no.gif border=0> <span class=red>The username input is null</span>";
					else if(http_request.responseText == "noemail") 
					   document.getElementById("userNameInfo").innerHTML="<br/><img src=Images/check_no.gif border=0> <span class=red>The format of the Email is wrong</span>";
				}
				else
				{
					$.notification('ÍøÂç´«ÊäÎÊÌâ');
				}
			}
		}
	</SCRIPT>
	<STYLE>
		td {padding:2px 5px 2px 5px;font-size:14px}
		body {font-size:12px}
	</STYLE>
</HEAD>
<body>
<body background="#e5e5e5">

<div style="padding:3px;font-weight:bold;background: -webkit-gradient(linear, left top, right bottom, from(#6A0500), to(#a80900));color:#fff;font-size:18px;">
 <table width=100%>
   <tr><td width=85 style="padding:0px"><a href="javascript:rexseeBrowser.goBack();"><img src="Images/return.png" width=85 height=30 border=0></a></td>
   <td align=center width=* style="color:#fff;font-size:18px;padding:0px">Passport Registration</td>
   <td width=85 style="padding:0px">&nbsp;</td></tr>
 </table>
</div>

<div id="notestext" style="background:#ddd;border-bottom:#ccc 1px solid;font-size:12px;height:20px;padding:5px 0px 5px 0px;">&nbsp;&nbsp;Member's passport registration.</div>
<div style="background:#e5e5e5;">
  <form name="Check_Form" onsubmit="return Check_Form_Validator(this)" method="post" action="">
	<table style="LINE-HEIGHT: 150%;border-collapse:collapse;border-top:0px" cellSpacing=0 cellPadding=0 width="100%" borderColor=#ccc border=1>
		  <tr>
			 <td align=right colspan=2 style="font-size:12px;border-top:0px">Note that all fields marked with an asterisk(<SPAN class=red>*</span>)are required.</td></tr>
		  <tr> 
			 <td height="40" colspan="2" bgcolor="#f5f5f5"><strong>&nbsp;General Information</strong></td>
		  </tr>
		  <tr> 
			 <td width="28%"><SPAN class=red>*</SPAN> Username:</td>
			 <td width="72%"><input id=administrators_Name name=administrators_Name size=30 onKeyUp="AjaxRequest('System/AjaxCheckName.php?type=1&name='+this.value,1);">&nbsp;&nbsp;<span id="userNameInfo"></span></td>
		  </tr>
		  <tr> 
			   <td height="25"><SPAN class=red>*</SPAN> Nickname:</td>
			   <td><input name="nickName" type="text" id="nickName" size="20" maxlength="30">&nbsp;<span id="niceNameInfo"></span></td>
		  </tr>
		  <!-- INPUT INPUTPASSWORD -->
		  <tr> 
			  <td height="23"><SPAN class=red>*</SPAN> Password:</td>
			  <td><input name="passWord" type="password" id="passWord" size="20" maxlength="30"></td>
		  </tr>
		  <tr> 
			  <td height="25"><SPAN class=red>*</SPAN> Confirm password:</td>
			  <td><input name="passWord2" type="password" id="passWord2" size="20" maxlength="30"></td>
		  </tr>
		   <!-- END INPUTPASSWORD -->
		  <tr> 
			   <td height="25"><SPAN class=red>*</SPAN> Security questions:</td>
			   <td><SELECT id=hintPass name=hintPass> 
						<option value=1>What's the pet's name do you like best?</option> 
						<option value=2>What's the name of the film do you like best?</option> 
						<option value=3>What's the name of the song do you like best?</option> 
						<option value=4>What's your darling's name?</option> 
						<option value=5>What's your father's name?</option>
						<option value=6>What's the name of your first hign school? </option> 
						<option value=7>What's the pet name of your first child?</option> 
						<option value=8>What's the brand of your first mobile telephone?</option> 
						<option value=9>What's the item of sports do you like best?</option> 
						<option value=10>What's the team of sports do you like best?</option>
						<option value=11>What's the number of your ID card?</option>
						<option value=12>What's the number of your ID card?</option>
						<option value=13>What's the number of your driving licence?</option>
						<option value=14>What's the number of your employee's card?</option>
						<option value=15>What's the date of taking part in a work?</option>
						<option value=16>What's the date of your birthday?</option>
					</SELECT></td>
		   </tr>
		   <tr> 
			   <td height="25"><SPAN class=red>*</SPAN> The answers:</td>
			   <td><input id=answerPass name=answerPass></td>
		   </tr>
		  <tr bgColor=#f5f5f5><td colspan=2 height="40">&nbsp;<b>Subsidiary Information</b></td></tr>
		  {optionList}
		  </table><table width=100% style="border:0px">
		  <tr><td style="border:0px"> 
			  <input type="hidden" name="Action" value="MemberAddSubmit"> 
			  <input class=btn type="submit" name="submit" value="Register">
		      <input type="hidden" name="qid" id="qid" value="{qid}">
			  <input class=btn name="submit2" type="reset" value=" Reset "> 
			  <input class=btn name="submit3" type="button" onclick="javascript:rexseeBrowser.goBack();" value=" Back "> 
			</td>
		  </tr>
	  </form>
	 </table>
<script>scroll(0, 0);</script>
</body>
</html>