<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 

	<title></title>
	<link rel="stylesheet" href="css/style.css" />
	<style type="text/css">
		a:hover{color:#00ffff;}
	</style>
	<script type="text/javascript" src="js/mootools.js"></script>

	<script type="text/javascript">
		
		var lan;
		var winParent = window.parent;
		var vedioMonitor;
		var vedioManagement;
		var userInfo;
		var _a;

		var str;
			
		var dlFrm = winParent.getFrmById("dlFrm");
		
		function headerLoad()
		{
			vedioMonitor = $('vedioMonitor');
			vedioManagement = $('vedioManagement');
			userInfo = $('userInfo');
			_a = $('_a');
			
			vedioMonitor.style.color = "#00ffff"
	
		}

		function changeLan(selValue)
		{
			lan = selValue;
			switch(lan)
			{
				case "English":
					vedioMonitor.innerHTML = "My Devices";
					vedioManagement.innerHTML = "Device Manage";
					userInfo.innerHTML = "User Info";
					_a.innerHTML = "Logout";
					str1 = "Are you sure to log out ?";
					break;
				case "简体中文":
					vedioMonitor.innerHTML = "视频监控";
					vedioManagement.innerHTML = "设备管理";
					userInfo.innerHTML = "用户信息";
					_a.innerHTML = "退出";
					str1 = "您真的要退出？";
					break;
				case "Portugal":
					vedioMonitor.innerHTML = "Meus dispositivos";
					vedioManagement.innerHTML = "Gerenciar dispositivo";
					userInfo.innerHTML = "Informação de usuário";
					_a.innerHTML = "Logout";
					str1 = "Tens a certeza de sair?";
					break;
				default:;
			}
		}

		function logout()
		{
			if(window.confirm(str1))
			{
				var ocx = winParent.getOcx();
				ocx.Logout();
				var rtn = ocx.LogoutServer();
				if(rtn == 1)
				{
					winParent.ifrmShow("loginFrm");
					winParent.ifrmHidden("headerFrm");
					winParent.ifrmHidden("dmFrm");
					winParent.ifrmHidden("uinfoFrm");
					
					dlFrm.width = "0px";
					dlFrm.height = "0px";

					var eleArr = document.getElementsByTagName("a");
					for(var i=0;i<eleArr.length;i++)
					{
						eleArr[i].style.color = "#ffffff";
					}
					
					//the window of device_manager page named "Add"
					winParent.getEleInFrm("dm_frm","deviceInfo").style.display = "none";

					winParent.pageFlg = "loginFrm";
				}
			}
			
		}

		var currObj = vedioMonitor;

		function SetCssToNormal()
		{
			vedioManagement.style.color = "#ffffff";
			vedioMonitor.style.color = "#ffffff";
			userInfo.style.color = "#ffffff";
		}

		function HiddenFrames()
		{
			winParent.ifrmHidden("uinfoFrm");
			winParent.ifrmHidden("dmFrm");

			if(navigator.userAgent.indexOf("Safari")>0 && navigator.userAgent.indexOf("Chrome") < 0) 
			{   
			    winParent.getEleInFrm("dl_frm","div2").style.width = "0px";
				winParent.getEleInFrm("dl_frm","div2").style.height = "0px";
			} 

			dlFrm.width = "0px";
			dlFrm.height = "0px";
		}

		function test(id)
		{
			SetCssToNormal();
			HiddenFrames();
			
			var num = winParent.getFrmByName("dl_frm").num;

			switch (id)
			{
			case 0:
				currObj = vedioMonitor;
				
				winParent.getFrmByName("dl_frm").refreshDevState(0);
				winParent.getFrmByName("dl_frm").fenye();
				winParent.getFrmByName("dl_frm").curPage = winParent.indexNum/num;

				dlFrm.height = (winParent.getFrmByName("dl_frm").div_dlHeight).toString() + "px";
				dlFrm.width = (winParent.getFrmByName("dl_frm").div_dlWidth).toString() + "px";

				if(navigator.userAgent.indexOf("Safari")>0 && navigator.userAgent.indexOf("Chrome") < 0 && winParent.getFrmByName("dl_frm").ConnFlag) 
				{   
					winParent.getEleInFrm("dl_frm","div2").style.width = (winParent.getFrmByName("dl_frm").div2Width).toString() + "px";

					 winParent.getEleInFrm("dl_frm","div2").style.height = (winParent.getFrmByName("dl_frm").div2Height).toString() + "px";
				} 
				winParent.pageFlg = "dlFrm";
				break;
			case 1:
				currObj = vedioManagement;
				winParent.ifrmShow("dmFrm");
				winParent.getFrmByName("dm_frm").myLoad(lan);
				winParent.pageFlg = "dmFrm";
				break;

			case 2:
				currObj = userInfo;
				winParent.ifrmShow("uinfoFrm");
				winParent.getFrmByName("uinfo_frm").uInfoLoad(lan);
				winParent.pageFlg = "uInfoFrm";
				break;
			}
			currObj.style.color = "#00ffff";			
		}

		function mouseover(obj)
		{
			obj.style.color = "#00ffff";
		}

		function mouseout(obj)
		{
			if(obj != currObj)
			{
				obj.style.color = "#ffffff";
			}
		}
	</script>

</head>
 
<body style="padding:0px;margin:0px;">
<center>
<table id="headerTb" width="100%" cellspacing="0" cellpadding="0" class="link_pic">
	<tr>
		<td id="headerTd" align="left" valign="middle" style="padding-left:26px;">
			
			<a id="vedioMonitor" onclick="test(0)" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)" style="cursor:pointer;">My Devices</a>
			<a id="vedioManagement" onclick="test(1)" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)" style="margin-left:64px;cursor:pointer;">Device Manage</a>				
			<a id="userInfo" onclick="test(2)" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)"   style="margin-left:64px;cursor:pointer;">User Info</a>
			<a id="_a" onclick="logout()" onmouseover="javascript:mouseover(this)"  onmouseout="javascript:mouseout(this)" style="margin-left:80px;cursor:pointer;">Logout</a>
		</td>
	</tr>
</table>
</center>
</body>
<script type="text/javascript">
	var headerTd = $("headerTd");
	headerTd.height = "40px";
	
</script>
 
</html>