{wc:templates "index","header"}
{wc:templates "member","top"}	
<div class="c_person_record">
<ul class="c_person_list">
	<li class=""><a href="{WEB_PATH}/member/home/userbuylist" hidefocus="">Cloud purchase record</a></li>
	<!--<li class=""><a href="{WEB_PATH}/member/home/singlelist" hidefocus="">My show list</a></li>-->
	<li class=""><a href="{WEB_PATH}/member/home/orderlist" hidefocus="">Winning record</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/userfufen" hidefocus="">My blessing</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/userbalance" hidefocus="">Account management</a></li>
	<!--<li class=""><a href="{WEB_PATH}/member/home/commissions" hidefocus="">Reward area</a></li>-->
	<li class=""><a href="{WEB_PATH}/member/home/invitefriends" hidefocus="">Invite friends</a></li>
	<li class=""><a href="{WEB_PATH}/member/home/address" hidefocus="">Shipping address</a></li>
</ul>
<div class="main-content clearfix">
{wc:templates "member","left"}
<link rel="stylesheet" type="text/css" href="{G_TEMPLATES_STYLE}/css/layout-setUp.css"/>
<script type="text/javascript" src="{G_TEMPLATES_STYLE}/js/passwordStrength-min.js"></script>
<script type="text/javascript">
$(function(){		
	var demo=$(".registerform").Validform({
		tiptype:2,
		usePlugin:{
			passwordstrength:{
				minLen:6,
				maxLen:20
			}
		}		
	});
})
	// 这里使用最原始的js语法实现，可对应换成jquery语法进行逻辑控制

    //隐藏text block，显示password block
	function hideShowPsw(obj){
		var demoImg = document.getElementById(obj.id);
		var demoInput = document.getElementById(obj.id);
		if (demoInput.type == "password") {
			demoInput.type = "text";
			demo_img.src = "invisible.png";
		}else {
			demoInput.type = "password";
			demo_img.src = "visible.png";
		}
	}
</script>
<style>
#passqiang span{width:41px;}
</style>
<div class="R-content">
	{wc:templates "member","shezhi"}
	<div class="pwdCon">
	<form class="registerform" method="post" action="{wc:WEB_PATH}/member/home/userpassword">
	<table border="0" cellpadding="0" cellspacing="0" align="center">
		<tbody>
			<tr>
				<td align="right"><label>The default password after the first login is: 123456</label></td>
			</tr>
			
			<tr>
				<td align="right"><label>Current password:</label></td>
				<td><input name="password" sucmsg=" " ajaxurl="{WEB_PATH}/member/home/oldpassword" datatype="*6-20" nullmsg="password can not be blank!" errormsg="The password range is between 6 ~ 20 digits!"  type="password" class="pwd" maxlength="20"></td>
				<td id="lOldPass"><div class="Validform_checktip">Please enter the original password</div></td>
			</tr>
			<tr>
				<td align="right"><label>New password:</label></td>
				<td><input name="userpassword" plugin="passwordStrength" datatype="*6-20" nullmsg="password can not be blank!" errormsg="The password range is between 6 ~ 20 digits!"  type="password" class="pwd" maxlength="20"></td>
				<td id="lNewPass"><div class="Validform_checktip">Password consists of 6-20 characters</div></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><div id="passqiang" class="passwordStrength"><i style="float:left;">password strength:</i><span>weak</span><span>in</span><span class="last">Strong</span></div></td>
			</tr>
			<tr>
				<td align="right"><label>Re-enter new password:</label></td>
				<td><input name="userpassword2" recheck="userpassword" sucmsg=" " datatype="*6-20" nullmsg="Please re-enter the password!" errormsg="The account password you entered twice is inconsistent!" id="NewPassAgain" type="password" class="pwd" maxlength="20"></td>
				<td id="lNewPassAgain"><div class="Validform_checktip">Please re-enter the password!</div></td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td><input id="btnSubmitSave" type="submit" class="bluebut" value="save" ></td>
			</tr>
		</tbody>
	</table>
	</form>
	</div>
</div>
</div>
		</div>
	</div>
<!--center_center_end-->
<div class="right">				
</div>
<!--center_rjght_end-->

</div>
{wc:templates "index","footer"}