{template header}
<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">
function check_username(username){
	$('#checkusername').fadeOut();
	var result=false;
	var username=$.trim($('#username').val());
	if(username==""){
		$('#checkusername').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang loginTip1}</span>').fadeIn();
	}else if( bytes(username) <{$minlength} || bytes(username) >{$maxlength}){
		$('#checkusername').html('<span style="color:#FF0000">&nbsp;&nbsp;{$loginTip2}</span>').fadeIn();
	}else{
		jQuery.ajax({
			url: "{$setting['seo_prefix']}user-checkusername",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: { username: username },
			success: function(xml){
			   var	message=xml.lastChild.firstChild.nodeValue;
			   if(message!='OK'){
				   	$('#checkusername').html('<span style="color:#FF0000">&nbsp;&nbsp;'+message+'</span>').fadeIn();
			   }else{
			       $('#checkusername').html('<span style="color:#339966">OK</span>').fadeIn();
			       result=true;
			   }
			}
		});
	}
	return result;
}

function check_passwd(){
	$('#checkpasswd').fadeOut();
	var result=false;
	var passwd=$('#password').val();
	if( bytes(passwd) <1|| bytes(passwd)>32){
		$('#checkpasswd').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang editPassTip1}</span>').fadeIn();
	}else{
		$('#checkpasswd').html('<span style="color:#339966">OK</span>').fadeIn();
		result=true;
	}
	return result;
}

function check_repasswd(){
	$('#checkrepasswd').fadeOut();
	var result=false;
	var repassword=$('#repassword').val();
	if( bytes(repassword) <1|| bytes(repassword)>32){
		$('#checkrepasswd').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang editPassTip1}</span>').fadeIn();
	}else{
		if($('#password').val()==$('#repassword').val()){
			$('#checkrepasswd').html('<span style="color:#339966">OK</span>').fadeIn();
			result=true;
		}else{
			$('#checkrepasswd').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang editPassTip3}</span>').fadeIn();
		}
	}
	return result;
}

function check_email(email){
	$('#checkemail').fadeOut();
	var result=false;
	var email=$.trim($('#email').val());
	if (email=="" || !email.match(/^[\w\.\-]+@([\w\-]+\.)+[a-z]{2,4}$/ig)){
        $('#checkemail').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang getPassTip2}</span>').fadeIn();
    }else{
		jQuery.ajax({
			url: "{$setting['seo_prefix']}user-checkemail",
			cache: false,
			dataType: "xml",
			async:false, 
			type:"post",
			data: { email: email },
			success: function(xml){
			   var	message=xml.lastChild.firstChild.nodeValue;
			   if(message!='OK'){
				   	 $('#checkemail').html('<span  style="color:#FF0000">&nbsp;&nbsp;'+message+'</span>').fadeIn();
			   }else{
			   		 $('#checkemail').html('<span style="color:#339966">OK</span>').fadeIn();
			   		 result=true;
			   }
			}
		});
	}
   return result;
}

function check_code(){
	$('#checkcode').fadeOut();
	var result=false;
	var code=$.trim($('#code').val());
	jQuery.ajax({
			url: "{$setting['seo_prefix']}user-checkcode",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: { code: code },
			success: function(xml){
			   var	message=xml.lastChild.firstChild.nodeValue;
	   			if(message=='OK'){
			   		$('#checkcode').html('<span style="color:#339966">OK!</span>').fadeIn();
			   		result=true;
			   }else{
					$('#checkcode').html('<span  style="color:#FF0000">&nbsp;&nbsp;{lang loginTip4}</span>').fadeIn();
			   }
			}
	});
	return result;
}

function docheck(){
	if( check_username()&&check_passwd()&&check_repasswd()&&check_email()){
		if(! $('#agree').attr('checked')){
			$('#chkagree').html('<span  style="color:#FF0000">&nbsp;&nbsp;{lang registerTip1}</span>').fadeIn();
			return false;
		}
		<!--{if $checkcode != 3 }-->
			return check_code();
	    <!--{/if}-->
	   return true;
	}else{
	   return false;
	}
}

function updateverifycode() {
	var img = "{$setting['seo_prefix']}user-code-"+Math.random();
	$('#verifycode').attr("src",img);
}

</script>

<div id="map" class="bor-gray-das warp"><a href="{$setting[site_url]}">{$setting[site_name]}</a> &gt;&gt;  {lang register}</div>
<div class="a-c wid540 a-r reg-back"> {lang registerTip2} <a onclick="return doLogin()" href="{$setting['seo_prefix']}user-login{$setting['seo_suffix']}" target="_self"> {lang login}</a></div>
<ul class="a-c bor-gray reg-bd">
	<form id="registerform" method="post" action="{$setting['seo_prefix']}user-register{$setting['seo_suffix']}" onsubmit="return docheck();">
	<!--{if (isset($error))}-->
	<li><span  style='color:red'>{$error}</span></li>
	<!--{/if}-->
	<li>
		<span class="l a-r" >{lang userName}</span>
		<input  name="username" tabindex="3"  id="username" type="text" maxlength="{$maxlength}" class="reg-inp"  onblur="check_username()" />
		<span class="r" id="checkusername">*{$loginTip2}</span>
	</li>
	<li>
		<span class="l a-r">{lang password}</span>
		<input name="password" tabindex="4" id="password" type="password" class="reg-inp" onblur="check_passwd()" maxlength="32"/>
		<span class="r" id="checkpasswd">*{lang editPassTip1}</span>
	</li>
	<li>
		<span class="l a-r">{lang renewPass}</span>
		<input name="repassword" tabindex="5" id="repassword" type="password" class="reg-inp" onblur="check_repasswd()" maxlength="32"/>
		<span class="r" id="checkrepasswd"></span>
	</li>
	<li>
		<span class="l a-r">Email</span>
		<input name="email" tabindex="6" id="email"  type="text" class="reg-inp" onblur="check_email()"  maxlength="50"/>
		<span class="r" id="checkemail">*{lang registerTip3}</span>
	</li>
	<!--{if $checkcode != "3"}-->
	<li>
		<span class="l a-r">{lang verifyCode}</span>
		<input name="code" tabindex="7" type="text" class="reg-inp" id="code"  maxlength="4" onblur="check_code()" />
		<span class="r">
			<label class="yzm">
				<img id="verifycode" src="{$setting['seo_prefix']}user-code{$setting['seo_suffix']}" onclick="updateverifycode();"  />
			</label>
			&nbsp;
			<a  href="javascript:updateverifycode();">{lang codeNotClear}</a>
			<label id="checkcode">&nbsp;</label> 
		</span>
	</li>
	<!--{/if}-->
	<li class="bor-gray-das"><input name="agree" id="agree" type="checkbox"  checked="checked" />  {lang registerTip4} "<a href="{$setting['seo_prefix']}doc-innerlink-{eval echo urlencode('{lang registerTip5}')}" target="_blank">{lang registerTip5}</a>" <span id="chkagree">&nbsp;</span></li>
	<li><input name="submit" tabindex="8" type="submit" value="{lang submit}"  class="btn-submit"/></li>
	</form>
</ul>

<script type="text/javascript"> 
$('#username').focus();
</script>
{template footer}