{template header}
<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">
function check_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) <g_uname_minlength || bytes(username) >g_uname_maxlength){
		var tip = "{lang loginTip2}".replace('3',g_uname_minlength).replace('15',g_uname_maxlength);
		$('#checkusername').html('<span style="color:#FF0000">&nbsp;&nbsp;'+tip+'</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;{lang loginTip3}&nbsp;</span>').fadeIn();
			   }else{
			       $('#checkusername').html('<span style="color:#339966">OK</span>').fadeIn();
			       result=true;
			   }
			}
		});
	}
	return result;
}
 

function check_passwd(){
	$('#checkpassword').fadeOut();
	var result=false;
	var passwd=$('#password').val();
	if( 0 == bytes(passwd)|| bytes(passwd)>32){
		$('#checkpassword').html('<span style="color:#FF0000">&nbsp;&nbsp;{lang editPassTip1}</span>').fadeIn();
	}else{
		$('#checkpassword').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 id="divcode" style="color:#FF0000">&nbsp;&nbsp;{lang loginTip4}</span>').fadeIn();
			   }
			}
	});
	return result;
}

 

function docheck(){
	if( check_username()&&check_passwd()){
	   <!--{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 login}</div>
<div class="a-c wid540 a-r reg-back">{lang loginTip5}<a href="{$setting['seo_prefix']}user-register{$setting['seo_suffix']}" > {lang register}</a></div>
<ul class="a-c bor-gray reg-bd">
	<form name="logging" action="{$setting['seo_prefix']}user-login{$setting['seo_suffix']}" method="post" onsubmit="return docheck();">
	<li>
		<span class="l a-r">{lang userName}</span>
		<input name="username" id="username"  tabindex="3"  type="text" class="reg-inp" onblur="check_username()" maxlength="{$maxlength}" />
		<span class="r" id="checkusername"> * {lang loginTip2}</span>
	</li>
	<li>
		<span class="l a-r">{lang password}</span>
		<input name="password" id="password"  tabindex="4"  type="password" class="reg-inp" onblur="check_passwd()" maxlength="32" />
		<span class="r" id="checkpassword">* {lang editPassTip4}</span>
	</li>
	<!--{if $checkcode != "3"}-->
	<li>
		<span class="l a-r">{lang verifyCode}</span>
		<input name="code" id="code"  tabindex="5"  type="text" class="reg-inp"  onblur="check_code()" maxlength="4" />
		<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>
		<input name="submit" tabindex="6" type="submit" value="{lang login}" class="btn-submit"/>
		<a href="{$setting['seo_prefix']}user-getpass{$setting['seo_suffix']}">{lang getPass}</a>
	</li>
    </form>
</ul>

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