{template header}
<script type="text/javascript" src="js/popWindow.js"></script>
<script type="text/javascript">

function check_oldpass(){
	var result=false;
	var oldpass=$('#oldpass').val();
	if( bytes(oldpass) <1|| bytes(oldpass)>32){
		$('#checkoldpass').html('<span id="divoldpass" style="color:#FF0000">{lang editPassTip1}</span>').fadeIn();
		divDance('divoldpass');
    }else{
		jQuery.ajax({
			url: "{$setting['seo_prefix']}user-checkoldpass{$setting['seo_suffix']}",
			cache: false,
			dataType: "xml",
			type:"post",
			async:false, 
			data: { oldpass: oldpass },
			success: function(xml){
				var	message=xml.lastChild.firstChild.nodeValue;
				if(message!='OK'){
					$('#checkoldpass').html('<span id="divoldpass" style="color:#FF0000">'+message+'</span>').fadeIn();
					divDance('divoldpass');
				}else{
					 $('#checkoldpass').html('<span style="color:#339966">OK</span>');
					 result=true;
				}
			}
		});
	}
   return result;
}

function check_newpass(){
	var result=false;
	var newpass=$('#newpass').val();
	if( bytes(newpass) <1|| bytes(newpass)>32){
		$('#checknewpass').html('<span id="divnewpass" style="color:#FF0000">{lang editPassTip1}</span>').fadeIn();
		divDance('divnewpass');
		return result;
	}
	if($('#oldpass').val()==newpass){
		$('#checknewpass').html('<span id="divnewpass" style="color:#FF0000">{lang editPassTip2}</span>').fadeIn();
		divDance('divnewpass');
	}else{
		$('#checknewpass').html('<span style="color:#339966">OK</span>').fadeIn();
	    result=true;
	}
	return result;
}

function check_renewpass(){
	var result=false;
	var renewpass=$('#renewpass').val();
	if( bytes(renewpass) <1|| bytes(renewpass)>32){
		$('#checkrenewpass').html('<span id="divrenewpass" style="color:#FF0000">{lang editPassTip1}</span>').fadeIn();
		divDance('divrenewpass');
		return result;
	}
	if($('#newpass').val()==renewpass){
		$('#checkrenewpass').html("<span style=\"color:#339966\">OK</span>");
		result=true;
	}else{
		$('#checkrenewpass').html('<span id="divrenewpass" style="color:#FF0000">{lang editPassTip3}</span>');
		divDance('divrenewpass');
	}
	return result;
}

function docheck(){
	if( check_oldpass()&&check_newpass()&&check_renewpass()  ){
	   return true;
	}else{
	   return false;
	}
}
	function expand(id){
		if(id=='pro'){
			$("li.pro").toggle(); 
			
		}else{
			$('li.pms').toggle();
		}	
	}
</script>
 
<div id="map" class="bor-gray-das warp"><a href="{$setting[site_url]}">{$setting[site_name]}</a> &gt;&gt;<a href="{$setting['seo_prefix']}user-profile{$setting['seo_suffix']}">{lang selfManage}</a> &gt;&gt;{lang editPass}</div>
<ul id="nav-gr-info" class="link_gray nav-ul">
	<li onclick="expand('pro');" ><span class="parent" >{lang selfManage}</span></li>
	<li  class="pro"><a href="{$setting['seo_prefix']}user-profile{$setting['seo_suffix']}" >{lang profile}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editprofile{$setting['seo_suffix']}" target="_self">{lang editProfile}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editpass{$setting['seo_suffix']}" class="on" target="_self">{lang editPass}</a></li>
	<li class="pro"><a href="{$setting['seo_prefix']}user-editimage{$setting['seo_suffix']}" target="_self">{lang editImage}</a></li>
	<li ><span class="parent"  onclick="expand('pms');">{lang shortmessage}</span></li>
	<label id='pms'>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box{$setting['seo_suffix']}" target="_self">{lang inbox}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box-outbox{$setting['seo_suffix']}"  target="_self">{lang outbox}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-sendmessage{$setting['seo_suffix']}" target="_self">{lang sendmessage}</a></li>
	<li class="pms"><a href="{$setting['seo_prefix']}pms-box-drafts{$setting['seo_suffix']}"  target="_self">{lang draft}</a></li>
	<li class="pms bor_no"><a href="{$setting['seo_prefix']}pms-blacklist{$setting['seo_suffix']}" target="_self" >{lang blacklist}</a></li>
	</label>
</ul>

<form name="profileform" action="{$setting['seo_prefix']}user-editpass{$setting['seo_suffix']}" method="post" onsubmit="return docheck();">
<div id="info-basic" class="wid710 r mar-t8">
	<span class="info-basic bold">{lang editPass}</span>
	<!--{if isset($message)}-->
	<span id="editpass" style="color:#FF0000">$message</span><br/>
	<script type="text/javascript">
	divDance('editpass');
	</script>
	<!--{/if}-->
	<ul class="reg-bd">  
		<li><span class="l a-r">{lang oldPass}:</span>
		<input id="oldpass" name="oldpass" type="password" class="reg-inp" maxlength="32"/>
		<span class="r" id="checkoldpass">&nbsp;</span></li>		
		<li><span class="l a-r">{lang newPass}:</span>
		<input id="newpass" name="newpass" type="password" class="reg-inp" maxlength="32"/>
		<span class="r" id="checknewpass">{lang editPassTip4}</span></li>
		<li><span class="l a-r">{lang renewPass}:</span>
		<input id="renewpass" name="renewpass" type="password" class="reg-inp" maxlength="32"/>
		<span class="r" id="checkrenewpass">&nbsp;</span></li>		
		<li><span class="l a-r mar-lr8">&nbsp;</span>
		<input name="submit" type="submit" value="{lang submit}"   class="btn-submit"/></li>		
	</ul>
</div>
</form>
{template footer}