<!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 ?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);				
					break;
				case "简体中文":
					vedioMonitor.innerHTML = "视频监控";
					vedioManagement.innerHTML = "设备管理";
					userInfo.innerHTML = "用户信息";
					_a.innerHTML = "退出";
					str1 = "您真的要退出？";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "Portugal":
					vedioMonitor.innerHTML = "Meus dispositivos";
					vedioManagement.innerHTML = "Gerenciar dispositivo";
					userInfo.innerHTML = "Informação de usuário";
					_a.innerHTML = "Sair";
					str1 = "Tens a certeza de sair?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "Italiano":
					vedioMonitor.innerHTML = "Miei dispositivi";
					vedioManagement.innerHTML = "Gestione dispositivo";
					userInfo.innerHTML = "Informazioni utente";
					_a.innerHTML = "Logout";
					str1 = "Sei sicuro di voler uscire dal client?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "Русский":
					vedioMonitor.innerHTML = "Мое устройство";
					vedioManagement.innerHTML = "Устройства";
					userInfo.innerHTML = "Пользователь";
					_a.innerHTML = "Выход";
					str1 = "Выйти?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "Polski":
					vedioMonitor.innerHTML = "Moje urządzenia";
					vedioManagement.innerHTML = "Zarządzaj urządzeniami";
					userInfo.innerHTML = "Informacja o użytkowniku";
					_a.innerHTML = "Wyloguj";
					str1 = "Czy na pewno wylogować się z systemu?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "Türkçe":
					vedioMonitor.innerHTML = "Cihazlarım";
					vedioManagement.innerHTML = "Cihaz Yönetimi";
					userInfo.innerHTML = "Kullanıcı Bilgisi";
					_a.innerHTML = "Oturumu Kapat";
					str1 = "Oturumu kapatmak için emin misiniz?";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(vedioMonitor);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(_a);
					break;
				case "فارسی":
					vedioMonitor.innerHTML = "دستگاه های من";
					vedioManagement.innerHTML = "تنظیم دستگاه ها";
					userInfo.innerHTML = "مشخصات کاربر";
					_a.innerHTML = "خروج";
					str1 = "آیا مصمم به خروج هستید؟";
					var headerTd=document.getElementById('headerTd');
					headerTd.appendChild(_a);
					headerTd.appendChild(userInfo);
					headerTd.appendChild(vedioManagement);
					headerTd.appendChild(vedioMonitor);
					break;
				default:;
			}
		}

		function logout()
		{
			if(window.confirm(str1))
			{
				var rtn1 = logout_v6();
				var rtn2 = logout_v5();
				
				if(rtn1 == 1 || rtn2 == 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";
				}
			}
			
		}

		function logout_v5(){
			var rtn = 0;
			try{
				var ocx = winParent.getOcx();
				ocx.Logout();
				rtn = ocx.LogoutServer();
			}catch(err){}
			return rtn;
		}

		function logout_v6(){
			var rtn = 0;
			try{
				var ocx_v6 = winParent.getOcx_v6();
				rtn = ocx_v6.LogoutServer();
			}catch(err){}
			return rtn;
		}

		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;font-family:Microsoft YaHei;">
			
			<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>