<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>

<title>user info</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript">
	
	var ocx; //声明ocx对象
	var winParent = window.parent;
	var str1;

	function modifyUserInfo()
	{
		var username = document.getElementById("username").value;
		var oldPwd = document.getElementById("oldPwd").value;
		var newPwd = document.getElementById("newPwd").value;
		var email = document.getElementById("email").value;

		if ($("newPwd").value == "")
		{
			alert(str1);
			return false;
		}

		var rtn = ocx.ModifyAccountInfo(username, oldPwd, newPwd, email);
		if(rtn == 1)
		{
			$("oldPwd").value = "";
			$("newPwd").value = "";
			$("oldPwd").focus();
		}
	}

	function cancle_btn()
	{
		var oldPwd = document.getElementById("oldPwd");
		document.getElementById("newPwd").value = "";

		oldPwd.value = "";
		oldPwd.focus();

		winParent.getFrmByName("header_frm").test(0);
	}

	function uInfoLoad(val)
	{
		changeLan(val); //更换语言

		$("username").value = winParent.getEleInFrm("login_frm","username").value;
		
		var username = $("username").value;

		ocx = winParent.getOcx();
	
		var jsonObj = ocx.GetAccountInfo(username);
		
		if(jsonObj != "null\n")
		{
			var accountInfo = eval(jsonObj);
			$("email").value = accountInfo[0].Email;
		}

		$("oldPwd").focus();

	}

	function setDivPos(width,height)
	{
		var uInfoDiv = $("userInfoDiv");
		uInfoDiv.style.width = parseInt(width).toString() + "px";
		uInfoDiv.style.height = parseInt(height).toString() + "px";
		
		var user_info = $("user_info");
		user_info.style.top = ((parseInt(height) - parseInt(user_info.style.height)) / 2).toString() + "px";
		user_info.style.left = ((parseInt(width) - parseInt(user_info.style.width)) / 2).toString() + "px";
	}

	function changeLan(lan)
	{
		var s1 = $('s1');
		var s2 = $('s2');
		var s3 = $('s3');
		var s4 = $('s4');
		var f = $('f');
		var modifyBtn = $('modifyBtn');
		var canBtn = $('canBtn');
		switch(lan)
		{
			case "English":
				s1.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;User Name";
				s2.innerHTML = "&nbsp;Old Password";
				s3.innerHTML = "New Password";
				s4.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email";
				f.innerHTML = "Find Password";
				modifyBtn.innerHTML = "Modify";
				canBtn.innerHTML = "Cancel";
				str1 = "Password can not be empty!";
				break;
			case "简体中文":
				s1.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;用户名";
				s2.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;原密码";
				s3.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;新密码";
				s4.innerHTML = "邮&nbsp;&nbsp;&nbsp;箱";
				f.innerHTML = "(找回密码)";
				modifyBtn.innerHTML = "修&nbsp;改";
				canBtn.innerHTML = "取&nbsp;消";
				str1 = "密码不能为空!";
				break;
			case "Portugal":
				s1.innerHTML = "Nome de usuário";
				s2.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Senha antiga";
				s3.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nova senha";
				s4.innerHTML = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email";
				f.innerHTML = "Descobrir senha";
				modifyBtn.innerHTML = "Modificar";
				canBtn.innerHTML = "Cancelar";
				str1 = "Senha não pode ser vazia!";
				break;
		}
	}

	function mousedown(obj)
	{
		obj.style.background = "url(img/reg_btn2.png)";
		obj.style.color = "#000000";
	}

	function mouseup(obj)
	{
		obj.style.background = "url(img/reg_btn1.png)";	
		obj.style.color = "#ffffff";
	}
</script>
</head>


<body>

<div id="userInfoDiv" style="background:#434343;border:1px solid #d2d2d2;text-align:center;overflow:hidden;">
<!--<div id="msgDiv" style="display:none;text-align:left;">用户信息修改成功!</div>-->

<div id="user_info" style="width:600px;height:362px;position:absolute;">
	<div style="width:100%;height:8px;background:url(img/pop_top.png);"></div><br/><br/>
	<div>
	<span id="s1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;User Name</span>&nbsp;&nbsp;&nbsp;<input id="username" type="text" class="dmText" disabled="disabled"/><br/><br/>
	<span id="s2">&nbsp;Old Password</span>&nbsp;&nbsp;&nbsp;<input id="oldPwd" type="password" class="dmText"/><br/><br/>
	<span id="s3">New Password</span>&nbsp;&nbsp;&nbsp;<input id="newPwd" type="password" class="dmText" /><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<span id="s4">Email</span>&nbsp;&nbsp;&nbsp;<input id="email" type="input" class="dmText" disabled="disabled"/><font id="f" size="2px">Find Password</font><br/><br/>
	
	<br/>
	<button id="modifyBtn" class="ok_can_btn" style="background:url(img/reg_btn1.png);color:#ffffff;" onclick="modifyUserInfo()" onmousedown="mousedown(this)" onmouseup="mouseup(this)">Modify</button>
	&nbsp;&nbsp;
	<button id="canBtn" class="ok_can_btn" style="background:url(img/reg_btn1.png);color:#ffffff;" onclick="cancle_btn()" onmousedown="mousedown(this)" onmouseup="mouseup(this)">Cancle</button>
	</div>
		<div style="width:100%;background-color:lightgray;height:35px;margin-top:30px;"></div>
</div>
</div>

</body>
</html>