{template header}

<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">
function updateverifycode() {
	var img = '{$setting['seo_prefix']}user-code-'+Math.random()+'{$setting['seo_suffix']}';
	$('#verifycode').attr("src",img); 
}

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

function checkemail(){
	var ele=$('#emailinfo');
	var email=$.trim($('#email').val());
	if(email==""){
		ele.html("<span id=\"divemail\" style=\"color:#FF0000\">{lang getPassTip1}</span>");
		divDance('divemail');
		return false;
	}else if (email!="" && !email.match(/^[\w\.\-]+@([\w\-]+\.)+[a-z]{2,4}$/ig)){
        ele.html("<span id=\"divemail\" style=\"color:#FF0000\">{lang getPassTip2}</span>");
		divDance('divemail');
		return false;
    }else{
	    ele.html('<span style="color:#339966">OK!</span>');
	 	return true;
	}
}

function docheck(){
	if( checkemail()){
		<!--{if $checkcode != "3"}-->
		if(check_code()){
			return true;
		}else{
	   		return false;
		}
	   <!--{/if}-->
	   return true;
	}else{
	   return false;
	}
}
</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 getPassTip3}<a href="{$setting['seo_prefix']}user-register{$setting['seo_suffix']}" target="_self"> {lang register}</a></div>
<ul class="a-c bor-gray reg-bd">
<form name="form" action="{$setting['seo_prefix']}user-getpass{$setting['seo_suffix']}" method="post" onsubmit="return docheck();">
	<li>
	<span class="l a-r">Email<span class="red">* </span></span>
	<input name="email" maxlength="50" id="email" type="text"  class="reg-inp" onblur="checkemail()"/>
	<span class="r" id="emailinfo"></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" type="submit" value="{lang getPass}"   class="btn-submit"/></li>
</form>
</ul>
<script type="text/javascript"> 
$('email').focus();
</script>
{template footer}