<!--v5.5.0.4-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

<html>
	<head>
		<title>web server</title>
		<link rel="stylesheet" href="css/style.css" />

		<script type="text/javascript" src="js/mootools.js"></script>

		<script type="text/javascript">

			/*全局变量，cookie保存的天数*/
			var DAYS = 30;

			var FLAG; //作为控制登录的标识,为0时是用户登录，为1时是设备登陆

			var selValue;//选择框中的语言

			var str1,str2,str3,strLoginErr,strNotSupport,EmaiString,strUserNotExist;

			var winParent = window.parent;
			
			var ocx;

			var ocx_v6;

			var lan = 'en';

			/*页面加载时调用loadIndex方法*/
			function loadIndex(){
				
				FLAG = 0; 

				//SetLans();//加载语言
				selValue = $('selectLan').options[$('selectLan').selectedIndex].value;
				switchLanguage(selValue);
				
				//ocx = winParent.getOcx();
				//ocx.sLanguage2 = selValue;
				
				if(checkCookie("c_username"))
				{
					$("username").value = getCookie("c_username");
					$("pwd").value = getCookie("c_pwd");
					$("deviceID").value = getCookie("c_deviceID");
					$('deviceUserName').value = getCookie("c_DUName");
					$('devicePwd').value = getCookie("c_DPwd");
					$("rember").checked = getCookie("c_rember");
				}
				else
				{
				}

				$("login_device").style.display = "none";
				$("btn_user").style.background = "#ffffff";
				$("btn_device").style.background = "url(img/btn_tab.png)";
				$("login_btn_user").style.background = "url(img/login_btn1.png)";
						
			}

			/**
				setCookie 设置cookie
				getCookie 获取cookie
				checkCookie 检查cookie是否存在
				deleteCookie 删除cookie
				setName 将用户名保存到cookie中
				setPassword 将密码保存到cookie中
			*/
			function setCookie(c_name,value,expiredays){
				var exdate = new Date();
				exdate.setDate(exdate.getDate() + expiredays);
				document.cookie = c_name + "=" + escape(value) +
				((expiredays == null) ? "" : ";expires = " + exdate.toGMTString());
			}

			function getCookie(c_name){
				if (document.cookie.length>0){
				  c_start=document.cookie.indexOf(c_name + "=");
				  if (c_start!=-1){ 
					c_start=c_start + c_name.length+1; 
					c_end=document.cookie.indexOf(";",c_start);
					if (c_end==-1) c_end=document.cookie.length;
					return unescape(document.cookie.substring(c_start,c_end));
					}	
				  }
				return ""
			}

			function checkCookie(c_name){
			   var username=getCookie(c_name);
				if (username!=null && username!=""){
					return true;
					}else {
					return false;
				  }
				}
			function deleteCookie(c_name){
				setCookie(c_name,1,-1);
			}

			function setName(){
				var username = $("username").value;
				setCookie("c_username",username,DAYS);
			}
			function getName()
			{
				return $("username").value;
			}
			function setDevice()
			{
				var deviceID = $('deviceID').value;
				var deviceUserName = $('deviceUserName').value;
				var devicePwd = $('devicePwd').value;
				setCookie("c_deviceID",deviceID,DAYS);
				setCookie("c_DUName",deviceUserName,DAYS);
				setCookie("c_DPwd",devicePwd,DAYS);
			}

			function setPassword(){
				var pwd = $("pwd").value;
				setCookie("c_pwd",pwd,DAYS);
			}
			
			//验证弹框
			function loginTrans(val,number){
				var str1,str2,str3,str4,str5;
				switch(val){
					case "English":
						  str1 = "Username can not be empty!";
						  str2 = "Password can not be empty!";
						  str3 = "Cloud ID can not be empty!";
						  str4 = "Device user name can not be empty!";
						  str5 = "Device Password can not be empty!";
						  lan = 'en';
						break;
					case "简体中文":
						  str1 = "用户名不能为空！";
						  str2 = "密码不能为空!";
						  str3 = "云ID不能为空！";
						  str4 = "设备用户名不能为空！";
						  str5 = "设备密码不能为空！";
						  lan = 'zh';
						break;
					case "Portugal":
						  str1 = "Usuario não pode ser vazio!";
						  str2 = "Senha não pode ser vazio!";
						  str3 = "UID não pode ser vazio!";
						  str4 = "Usuario do aparelho não pode ser vazio!";
						  str5 = "Senha do aparelho não pode ser vazio!";
						  lan = 'Por';
						break;
					case "Italiano":
						str1 = "Username non può essere vuoto!";
						str2 = "Password non può essere vuota!";
						str3 = "Cloud ID non può essere vuoto!";
						str4 = "Username Dispositivo non può essere vuoto!";
						str5 = "Password Dispositivo non può essere vuota!";
						lan = 'It';
						break;
					case "Русский":
						str1 = "Имя не может быть пустым!";
						str2 = "Пароль не может быть пустым!";
						str3 = "Облако ID не может быть пустым!";
						str4 = "Имя не может быть пустым!";
						str5 = "Пароль не может быть пустым!";
						lan = 'Ru';
						break;
					case "Polski":
						str1 = "Podaj nazwę użytkownika!";
						str2 = "Podaj hasło!";
						str3 = "Podaj ID Chmury!";
						str4 = "Nazwa użytkownika nie może być pusta!";
						str5 = "Hasło nie może być puste!";
						lan = 'pol';
						break;
					case "Türkçe":
						str1 = "Kullanıcı ismi boş bırakılamaz!";
						str2 = "Şifre boş bırakılamaz!";
						str3 = "VGuard ID boş bırakılamaz!";
						str4 = "Cihaz kullanıcı adı boş bırakılamaz!";
						str5 = "Cihaz şifresi boş bırakılamaz!";
						lan = 'Tu';
						break;
					case "فارسی":
						str1 = "نام کاربری نمی تواند خالی باشد!";
						str2 = "رمز عبور نمی تواند خالی باشد!";
						str3 = "نمی تواند خالی باشد Cloud ID !";
						str4 = "نام کاربری دستگاه نمی تواند خالی باشد!";
						str5 = "رمز عبور دستگه نمی تواند خالی باشد!";
						lan = 'fa';
						break;	
					default:
						break;
				}
				if(number==1){
					alert(str1);
				}else if(number==2){
					alert(str2);
				}else if(number==3){
					alert(str3);
				}else if(number==4){
					alert(str4);
				}else if(number==5){
					alert(str5);
				}
			}
			
			function login()
			{
				selValue = $('selectLan').options[$('selectLan').selectedIndex].value;
				winParent.lan = selValue;
				/*用户提交方法，同时保存和删除cookie*/
				if($("rember").checked){
					setName();
					setPassword();
					setCookie("c_rember",$("rember").checked,DAYS);
					setDevice();
				}else{
					deleteCookie("c_username");
				}

				//如果V6和V5插件都未安装提示安装插件
				if(!winParent.haveV6Plugin && !winParent.haveV5Plugin)
				{
					winParent.refreshPlugin();
					if(!winParent.haveV6Plugin && !winParent.haveV5Plugin)
					{
						return;
					}
				}

				if (FLAG == 0)//user login
				{
					//先尝试V6登陆再尝试v5
					ocx_v6 = winParent.getOcx_v6();
					if(!tryUserLogin(ocx_v6,true))
					{
						ocx = winParent.getOcx();
						if(!tryUserLogin(ocx,false))
						{
							//alert(strLoginErr);
						}
					}
				}
				else //device login
				{
					if(!login_v6()){
						//检测下控件
						if(!winParent.haveV5Plugin && winParent.system == 'win'){
							winParent.refreshPlugin();
						}

						//如果在windows系统下仅安装了v6插件则提示安装v5
						if(winParent.haveV6Plugin && !winParent.haveV5Plugin && winParent.system == 'win')
						{
							if(window.confirm(winParent.getFrmByName("dl_frm").str1)){
								window.location.href='http://www.dlink.in/update_web/vWebClient.exe';
							}		
						}

						//如果安装了v5则尝试用v5登录
						if(winParent.haveV5Plugin){
							login_v5();
						}else{
							alert(strNotSupport);
						}
					}
				}				
			}	

			function tryUserLogin(ocx,isv6){
				try{
					var username = $("username").value;
					var pwd = $("pwd").value;
					if(username!=""&&pwd!=""){

						ocx.sLanguage2 = selValue;
						var rtn = ocx.LoginServer("qvcloud.net" , 8300 , username , pwd , "123" , 0);
						if(rtn != 1)
							return false;

						winParent.ifrmHidden("loginFrm");
						winParent.ifrmShow("headerFrm");
						
						winParent.getFrmByName("header_frm").headerLoad();
						winParent.getFrmByName("header_frm").changeLan(selValue);
						
						var dlFrmByName = winParent.getFrmByName("dl_frm");
						var uInfoFrm = winParent.getFrmById("uinfoFrm"); 
						var dmFrm = winParent.getFrmById("dmFrm");//add by chj
						var uInfoFrmByName = winParent.getFrmByName("uinfo_frm");
						var dmFrmByName = winParent.getFrmByName("dm_frm");//add by chj
						winParent.onresize = function(){
							
							dlFrmByName.setWH();
							uInfoFrmByName.setDivPos(uInfoFrm.width,uInfoFrm.height);
							dmFrmByName.setDMWH(dmFrm.width,dmFrm.height);//add by chj
						}
						dlFrmByName.myLoad(selValue);
						uInfoFrmByName.setDivPos(uInfoFrm.width,uInfoFrm.height);
						dmFrmByName.setDMWH(dmFrm.width,dmFrm.height);//add by chj

					}else if(username==""){
						loginTrans(selValue,1);
					}else if(pwd==""){
						loginTrans(selValue,2);
					}
				}catch(err){
					//如果v5 插件未安装则提示登录失败
					if(!isv6)
						alert(strLoginErr);
					return false;
				}

				return true;
			}

			function login_v6() {
				try{
					var deviceID = $("deviceID").value;
					var deviceUserName = $("deviceUserName").value;
					var devicePwd = $("devicePwd").value;

					if(deviceID == "" && deviceUserName == "")
						return false;

					ocx_v6 = winParent.getOcx_v6();
					if(ocx_v6 == undefined || ocx_v6 == null)
						return false;

					var port_v6 = 0;
					port_v6 = ocx_v6.ICloudAddMapPort(deviceID,2,port_v6);

					if(port_v6 <= 0)
						return false;

	                var base = new Base64();
	                deviceUserName = base.encode(deviceUserName);
	                devicePwd = base.encode(devicePwd);

					var url = "http://127.0.0.1:" + port_v6 + "/main.html" + "?" + port_v6 + "&" + deviceID +
						"&" + deviceUserName + "&" + devicePwd +  "&" + lan;

					window.open(url); 
				}catch(err){
					return false;
				}

				return true;
			}

			function login_v5() {
				var deviceID = $("deviceID").value;
				var deviceUserName = $("deviceUserName").value;
				var devicePwd = $("devicePwd").value;
				if(deviceID!=""&&deviceUserName!=""){
					ocx = winParent.getOcx();
					
					ocx.UUID = deviceID;
					ocx.strName = deviceUserName;
					ocx.strPassword = devicePwd;
					winParent.resEvtFlg = "login";
					ocx.sLanguage2 = selValue;
					var rtn = ocx.Login();  //通过设备登陆
				}else if(deviceID==""){
					loginTrans(selValue,3);
				}else if(deviceUserName==""){
					loginTrans(selValue,4);
				}
			}

			function login_v5_new(){
				var deviceID = $("deviceID").value;
				var deviceUserName = $("deviceUserName").value;
				var devicePwd = $("devicePwd").value;
				if(deviceID!=""&&deviceUserName!=""){
					var base = new Base64();
	                deviceUserName = base.encode(deviceUserName);
	                devicePwd = base.encode(devicePwd);
		        	var url = "main.html" + "?"  + deviceID + "&" + deviceUserName + "&" + devicePwd +  "&" + winParent.lan;
		            window.open(url);
				}else if(deviceID==""){
					loginTrans(selValue,3);
				}else if(deviceUserName==""){
					loginTrans(selValue,4);
				}
			}

            //加密解密
            function Base64() {

                // private property
                _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

                // public method for encoding
                this.encode = function (input) {
                    var output = "";
                    var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
                    var i = 0;
                    input = _utf8_encode(input);
                    while (i < input.length) {
                        chr1 = input.charCodeAt(i++);
                        chr2 = input.charCodeAt(i++);
                        chr3 = input.charCodeAt(i++);
                        enc1 = chr1 >> 2;
                        enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
                        enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
                        enc4 = chr3 & 63;
                        if (isNaN(chr2)) {
                            enc3 = enc4 = 64;
                        } else if (isNaN(chr3)) {
                            enc4 = 64;
                        }
                        output = output +
                            _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
                            _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
                    }
                    return output;
                }

                // public method for decoding
                this.decode = function (input) {
                    var output = "";
                    var chr1, chr2, chr3;
                    var enc1, enc2, enc3, enc4;
                    var i = 0;
                    input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
                    while (i < input.length) {
                        enc1 = _keyStr.indexOf(input.charAt(i++));
                        enc2 = _keyStr.indexOf(input.charAt(i++));
                        enc3 = _keyStr.indexOf(input.charAt(i++));
                        enc4 = _keyStr.indexOf(input.charAt(i++));
                        chr1 = (enc1 << 2) | (enc2 >> 4);
                        chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
                        chr3 = ((enc3 & 3) << 6) | enc4;
                        output = output + String.fromCharCode(chr1);
                        if (enc3 != 64) {
                            output = output + String.fromCharCode(chr2);
                        }
                        if (enc4 != 64) {
                            output = output + String.fromCharCode(chr3);
                        }
                    }
                    output = _utf8_decode(output);
                    return output;
                }

                // private method for UTF-8 encoding
                _utf8_encode = function (string) {
                    string = string.replace(/\r\n/g,"\n");
                    var utftext = "";
                    for (var n = 0; n < string.length; n++) {
                        var c = string.charCodeAt(n);
                        if (c < 128) {
                            utftext += String.fromCharCode(c);
                        } else if((c > 127) && (c < 2048)) {
                            utftext += String.fromCharCode((c >> 6) | 192);
                            utftext += String.fromCharCode((c & 63) | 128);
                        } else {
                            utftext += String.fromCharCode((c >> 12) | 224);
                            utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                            utftext += String.fromCharCode((c & 63) | 128);
                        }

                    }
                    return utftext;
                }

                // private method for UTF-8 decoding
                _utf8_decode = function (utftext) {
                    var string = "";
                    var i = 0;
                    var c = c1 = c2 = 0;
                    while ( i < utftext.length ) {
                        c = utftext.charCodeAt(i);
                        if (c < 128) {
                            string += String.fromCharCode(c);
                            i++;
                        } else if((c > 191) && (c < 224)) {
                            c2 = utftext.charCodeAt(i+1);
                            string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                            i += 2;
                        } else {
                            c2 = utftext.charCodeAt(i+1);
                            c3 = utftext.charCodeAt(i+2);
                            string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                            i += 3;
                        }
                    }
                    return string;
                }
            }
			
			/*login_user和login_device方法用于控制DIV的显示和隐藏以及tab标签的颜色变换*/
			function login_user(){

				FLAG = 0;
				$("btn_user").style.background = "#ffffff";
				$("btn_device").style.background = "url('img/btn_tab.png')";
				$("login_user").style.display = "block";
				$("login_device").style.display = "none";

			}
			function login_device(){

				FLAG = 1;
				$("btn_device").style.background = "#ffffff";
				$("btn_user").style.background = "url('img/btn_tab.png')";
				$("login_user").style.display = "none";
				$("login_device").style.display = "block";

			}

			/*鼠标点击用户名框，默认消失*/
			function user_focus(){
				$("username").value = "";
				$("username").style.color = "#000000";

			}
			
			/*register 用户注册方法*/
			function register(){
				selValue = $('selectLan').options[$('selectLan').selectedIndex].value;

				try{
					ocx = winParent.getOcx();
					ocx.sLanguage2 = selValue;
				}catch(err){}

				winParent.ifrmHidden("loginFrm");
				winParent.ifrmShow("regFrm");
				winParent.getFrmById("regFrm").contentWindow.regLoad(selValue);			
			}

			/*鼠标处理事件*/
			document.onkeydown = function(e){

				var theEvent = e || window.event;
				var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
				var activeElementId = document.activeElement.id;
				
				if (code == 13)
				{
					//validate();

					return false;
				}
				return true;
			}
			
			/*findPwd 找回密码*/
			function findPwd(){
				//判断是否加载控件，如果没有控件则提示错误
				if(!winParent.haveV6Plugin && !winParent.haveV5Plugin)
				{
					winParent.refreshPlugin();
					if(!winParent.haveV6Plugin && !winParent.haveV5Plugin)
					{
						return;
					}
				}


				var username = $("username").value;
				if(username == "")
				{
					alert(str1);				
				}
				else
				{
					try{
						findPwd_v6(username);
					}catch(err){
						findPwd_v5(username);
					}
					/*ocx = winParent.getOcx();
					var rtn = ocx.ForgetPassword("qvcloud.net",8300,username);
					if(rtn != 0)
					{
						alert(str2);
					}*/
				}
			}

			function findPwd_v6(username){
				ocx_v6 = winParent.getOcx_v6();
				var rtn = ocx_v6.ForgetPassword("qvcloud.net",8300,username);
				var Email = ocx_v6.IGetEmail("qvcloud.net",8300,username);
				if(Email == '' || !Email){
					alert(strUserNotExist);
					return;
				}
				var Userlen = Email.split("@")[0];
				var EmailStr = str2+" "+Userlen.substr(0,1)+"****"+Userlen.substr(Userlen.length-1,1)+"@"+Email.split("@")[1]+" "+EmaiString;
				if(rtn != 0)
				{
					alert(EmailStr);
				}
			}

			function findPwd_v5(username){
				ocx = winParent.getOcx();	
                try{
                	var rtn = ocx.ForgetPassword("qvcloud.net",8300,username);
                    var Email = ocx.IGetEmail("qvcloud.net",8300,username);
                    if(Email == '' || !Email){
                    	alert(strUserNotExist);
						return;
                    }
                    var Userlen = Email.split("@")[0];
                    var EmailStr = str2+" "+Userlen.substr(0,1)+"****"+Userlen.substr(Userlen.length-1,1)+"@"+Email.split("@")[1]+" "+EmaiString;
                    if(rtn != 0)
                    {
                        alert(EmailStr);
                    }
                }catch(err){
                    if(rtn != 0)
                    {
                        alert(str2+" "+" "+EmaiString);
                    }
                }
			}

			function mousedown()
			{
				//点击时“登录”颜色变黑
				var loginBtn = $("login_btn_user");
				loginBtn.style.background = "url(img/login_btn2.png)";
				loginBtn.style.color = "#000000";
			}
			function mouseup()
			{	
				var loginBtn = $("login_btn_user");
				loginBtn.style.background = "url(img/login_btn1.png)";
				loginBtn.style.color = "#ffffff";
			}

			function switchLanguage(val)
			{
				var t1 = $('t1');
				var btn_user = $('btn_user');
				var btn_device = $('btn_device');
				var td1 = $('td1');
				var td2 = $('td2');
				var td3 = $('td3');
				var td4 = $('td4');
				var td5 = $('td5');
				var td6 = $('td6');
				var s1 = $('s1');
				var span2 = $('span2');
				var login_btn_user = $('login_btn_user');
				var a1 = $('a1');
				var a2 = $('aload');
				var a3 = $('a3');
				var a4 = $('a4');
				var a5 = $('a5');
				var a6 = $('a6');
				var Choose = $('Choose');

				a4.innerHTML = "VPlugin.exe(Windows)";
				a5.innerHTML = "VPlugin.pkg(Mac)--Safari 12.0 below";
				a6.innerHTML = "vWebClient";

				switch(val)
				{
					case "English":
						  <!-- t1.innerHTML = "Remote Monitor of Network"; -->
						  btn_user.innerHTML = "By User";
						  btn_device.innerHTML = "By Device";
						  s1.innerHTML = "Language:";
						  td1.innerHTML = "Log in monitoring system";
						  td2.innerHTML = "UserName&nbsp;&nbsp;";
						  td3.innerHTML = "Password&nbsp;&nbsp;";
						  s2.innerHTML = "Save Password";
						  td4.innerHTML = "Cloud ID&nbsp;";
						  td5.innerHTML = "UserName&nbsp;";
						  td6.innerHTML = "Password&nbsp;";
						  login_btn_user.innerHTML = "Login";
						  a1.innerHTML = "Register";
						  a2.innerHTML = "Download";
						  a3.innerHTML = "Get Password";
						  Choose.innerHTML = "Please select the file to download:";//"Please select the download area:";
						  /*a4.innerHTML = "Asia ";
						  a5.innerHTML = "Europe ";
						  a6.innerHTML = "South America ";*/
						  str1 = "User name can not be empty！";
						  str2 = "The password has sent to your E-Mail";
						  EmaiString = "successfully!";
						  //str3 = "User name";
						  strLoginErr = "Login Authentication Failed!";
						  strNotSupport = 'Connect Failed!';
						  strUserNotExist = 'Account Does not Exist';
						  lan = 'en';
						break;
					case "简体中文":
						  <!-- t1.innerHTML = "远程网络视频浏览器"; -->
						  btn_user.innerHTML = "按用户";
						  btn_device.innerHTML = "按设备";
						  s1.innerHTML = "语言:";
						  td1.innerHTML = "视频监控登录";
						  td2.innerHTML = "用&nbsp;&nbsp;户&nbsp;&nbsp;名&nbsp;&nbsp;&nbsp;";
						  td3.innerHTML = "密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码&nbsp;&nbsp;";
						  s2.innerHTML = "记住密码";
						  td4.innerHTML = "云&nbsp;&nbsp;&nbsp;ID&nbsp;";
						  td5.innerHTML = "设备用户名";
						  td6.innerHTML = "设备密码&nbsp;&nbsp;&nbsp;";
						  login_btn_user.innerHTML = "登&nbsp;录";
						  a1.innerHTML = "注册";
						  a2.innerHTML = "控件下载";
						  a3.innerHTML = "找回密码";
						  Choose.innerHTML = "请选择要下载文件:";//"请选择下载区域:";
						  /*a4.innerHTML = "亚洲";
						  a5.innerHTML = "欧洲";
						  a6.innerHTML = "南美洲";*/
						  str1 = "用户名不能为空！";
						  str2 = "密码已发送到注册时的邮箱!";
						  EmaiString = "";
						  //str3 = "用户名";
						  strLoginErr = "登录认证失败！";
						  strNotSupport = '连接失败！';
						  strUserNotExist = '帐户不存在';
						  lan = 'zh';
						break;
					case "Portugal":
						  <!-- t1.innerHTML = "Monitor remoto da rede"; -->
						  btn_user.innerHTML = "Por usuário";
						  btn_device.innerHTML = "Por dispositivo";
						  s1.innerHTML = "Idioma:";
						  td1.innerHTML = "Login de monitor";
						  td2.innerHTML = "Nome";
						  td3.innerHTML = "Senha";
						  s2.innerHTML = "Salvar senha";
						  td4.innerHTML = "ID";
						  td5.innerHTML = "Nome";
						  td6.innerHTML = "Senha";
						  login_btn_user.innerHTML = "Login";
						  a1.innerHTML = "Registre-se";
						  a2.innerHTML = "Baixar";
						  a3.innerHTML = "Obter senha";
						  Choose.innerHTML = "Por favor, selecione um arquivo para download:";//"Por favor selecione a área de download:";
						  /*a4.innerHTML = " Ásia";
						  a5.innerHTML = "Europa";
						  a6.innerHTML = " América do Sul";*/
						  str1 = "Nome de usuário não pode ser empty!";
						  str2 = "Senha foi enviada para o e-mail";
						  EmaiString = "endereço quando registering!";
						  //str3 = "Nome";
						  strLoginErr = "Falha de autenticação de login!";
						  strNotSupport = 'Falha de conexão';
						  strUserNotExist = 'Conta Não Existe';
						  lan = 'Por';
						break;
					case "Italiano":
						<!-- t1.innerHTML = "Monitor remoto della rete"; -->
						btn_user.innerHTML = "Da utente";
						btn_device.innerHTML = "Dal dispositivo";
						s1.innerHTML = "Lingua";
						td1.innerHTML = "Segno di videosorveglianza";
						td2.innerHTML = "NomeUtente";
						td3.innerHTML = "Password";
						s2.innerHTML = "Salva";
						td4.innerHTML = "ID cloud";
						td5.innerHTML = "NomeUtente";
						td6.innerHTML = "Password";
						login_btn_user.innerHTML = "Login";
						a1.innerHTML = "Registro";
						a2.innerHTML = "Scarica";
						a3.innerHTML = "Ottenere la Password";
						Choose.innerHTML = "Si prega di selezionare un file da scaricare:";//"Si prega di selezionare l'area di download:";
						/*a4.innerHTML = "Asia";
						a5.innerHTML = "Europa";
						a6.innerHTML = " Sud America ";*/
						str1 = "Il nome utente non può essere vuoto!";
						str2 = "Quando la password è stata inviata all'indirizzo email";
						EmaiString = " registrato!";
						//str3 = "Nome";
						strLoginErr = "Autenticazione fallita!";
						strNotSupport = 'Collegamento fallito!';
						strUserNotExist = 'L\'account non Esiste';
						lan = 'It';
						break;
					case "Русский":
						<!-- t1.innerHTML = "Удаленный сетевой доступ"; -->
						btn_user.innerHTML = "По польз.";
						btn_device.innerHTML = "По устр.";
						s1.innerHTML = "Язык";
						td1.innerHTML = "Вход";
						td2.innerHTML = "Имя польз.";
						td3.innerHTML = "Пароль";
						s2.innerHTML = "Сохранить";
						td4.innerHTML = "Облачный ID";
						td5.innerHTML = "Имя польз.";
						td6.innerHTML = "Пароль";
						login_btn_user.innerHTML = "Вход";
						a1.innerHTML = "Регистрация";
						a2.innerHTML = "Скачать";
						a3.innerHTML = "Восст.пароль";
						Choose.innerHTML = "Выберите файл для загрузки:";//"Пожалуйста, выберите область загрузки:";
						/*a4.innerHTML = "Азия";
						a5.innerHTML = "Европе ";
						a6.innerHTML = "Южная Америка";*/
						str1 = "Имя пользователя не может быть пустым";
						str2 = "Пароль отправлен успешно на";
						EmaiString = "почту!";
						//str3 = "Nome";
						strLoginErr = "Ошибка аутентификации";
						strNotSupport = 'Ошибка подключения';
						strUserNotExist = 'Аккуанта не существует';
						lan = 'Ru';
						break;
					case "Polski":
						<!-- t1.innerHTML = "Remote Monitor sieci"; -->
						btn_user.innerHTML = "Po Loginie";
						btn_device.innerHTML = "Nr urządzenia";
						s1.innerHTML = "Język";
						td1.innerHTML = "Logowanie";
						td2.innerHTML = "Login";
						td3.innerHTML = "Hasło";
						s2.innerHTML = "Zapisz hasło";
						td4.innerHTML = "Id Chmury";
						td5.innerHTML = "Login";
						td6.innerHTML = "Hasło";
						login_btn_user.innerHTML = "Zaloguj się";
						a1.innerHTML = "Zarejestruj";
						a2.innerHTML = "Pobierz";
						a3.innerHTML = "Odzyskaj hasło";
						Choose.innerHTML = "Wybierz plik do pobrania:";//"Wybierz region";
						/*a4.innerHTML = "Azja";
						a5.innerHTML = "Europa ";
						a6.innerHTML = "Ameryka Południowa";*/
						str1 = "Podaj nazwę użytkownika";
						str2 = "Hasło zosało wysłane!";
						EmaiString = "";
						//str3 = "Nome";
						strLoginErr = "Błąd logowania!";
						strNotSupport = 'Błąd połączenia!';
						strUserNotExist = 'Konto nie istnieje';
						lan = 'pol';
						break;
					case "Türkçe":
						<!-- t1.innerHTML = "Uzak İzleme Yazılımı"; -->
						btn_user.innerHTML = "Kullanıcı";
						btn_device.innerHTML = "Cihaz";
						s1.innerHTML = "Dil:";
						td1.innerHTML = "İzleme için giriş yapınız";
						td2.innerHTML = "Kullanıcı Adı&nbsp;&nbsp;";
						td3.innerHTML = "Şifre&nbsp;&nbsp;";
						s2.innerHTML = "Şifreyi Kaydet";
						td4.innerHTML = "Bulut ID&nbsp;";
						td5.innerHTML = "Kullanıcı Adı&nbsp;";
						td6.innerHTML = "Şifre&nbsp;";
						login_btn_user.innerHTML = "Oturum Aç";
						a1.innerHTML = "Kayıt Ol";
						a2.innerHTML = "İndir";
						a3.innerHTML = "Şifre Al";
						Choose.innerHTML = "İndirmek için dosya seçin:";//"Lütfen indirilecek alanı seçiniz:";
						/*a4.innerHTML = "Asya ";
						a5.innerHTML = "Avrupa";
						a6.innerHTML = "Güney Amerika";*/
						str1 = "Kullanıcı Adı boş bırakılamaz！";
						str2 = "Şifre e-mail";
						EmaiString = "adresinize gönderildi!";
						//str3 = "User name";
						strLoginErr = "Kimlik doğrulama başarısız!";
						strNotSupport = 'Bağlantı başarısız!';
						strUserNotExist = 'Hesap mevcut değil';
						lan = 'Tu';
						break;
					case "فارسی":
						<!-- t1.innerHTML = "کنترل گزارشات شبکه"; -->
						btn_user.innerHTML = "ورود با نام کاربری";
						btn_device.innerHTML = "ورود مستقیم به دستگاه";
						s1.innerHTML = "زبان سیستم:";
						td1.innerHTML = "ورود به سیستم نمایش";
						td2.innerHTML = "نام کاربری";
						td3.innerHTML = "کلمه عبور";
						s2.innerHTML = "دخیره کلمه عبور";
						td4.innerHTML = "ای دی شبکه ابری کی دی تی";
						td5.innerHTML = "نام کاربری";
						td6.innerHTML = "کلمه عبور";
						login_btn_user.innerHTML = "ورود";
						a1.innerHTML = "ثبت نام";
						a2.innerHTML = "دانلود";
						a3.innerHTML = "دریافت کلمه عبور";
						Choose.innerHTML = "لطفا فایل را برای دانلود انتخاب کنبد:";//"لطفا محدوده دانلود خود را انتخاب کنید:";
						/*a4.innerHTML = "آسیا";
						a5.innerHTML = "اروپا";
						a6.innerHTML = "آمریکای جنوبی";*/
						str1 = "نام کاربری نمیتواند خالی باشد！";
						str2 = "کلمه عبور با موفقیت به ایمیل شما ارسال گردید!";
						EmaiString = "";
					    //str3 = "User name";
					    strLoginErr = "اهراز هویت ناموفق بود!";
					    strNotSupport = 'اتصال ناموفق بود';
					    strUserNotExist = 'حساب کاربری وجود ندارد';
					    lan = 'fa';
					break;	
					default:;
						
				}
			}

			function SetLans() {

		          ocx = winParent.getOcx();
				 
		          var lanstr = ocx.GetSurportLangList();
		          
		          if (lanstr == undefined || lanstr == null) {
		              return;          
		          }

		          var lanArray = lanstr.split(';');
		          
		          if (lanArray == undefined || lanArray == null || lanArray.length == 0) {
		              return;
		          }

		          var rightLen = lanArray.length - 1;
		          $('selectLan').length = rightLen;
		          for (i = 0; i < rightLen; ++i) {
		              $('selectLan').options[i].text = lanArray[i]; 
		              $('selectLan').options[i].value = lanArray[i];
		          }
		    }

	</script>

	</head>
	<body onload="loadIndex()" bgcolor="#eeeeee">
	<center>
		<!--上层table -->
		<table width="1280px" cellspacing="0" cellpadding="0">
			<tr>
				<td style="width:73%;"><div id="t1" class="div_title" style="background:url('img/logo.png') no-repeat; width: 200px; height: 44px; margin-top: 30px; margin-bottom: 20px;"></div></td>
				<td style="width:27%;">
					<div style="width:100%;height:45px;"></div>
					<div class="div_td" style="display:none";>	
						<span id="s1">Language:</span>
						<select id="selectLan" onchange="switchLanguage(this.value)" style="color:#3272B0;font-family:Microsoft YaHei">
						
							<option value="English">English</option>
							<option value="简体中文">简体中文</option>
							<option value="Portugal">Portugal</option>
							<option value="Italiano">Italiano</option>
							<option value="Русский">Русский</option>
                            <option value="Polski">Polski</option>
							<option value="Türkçe">Türkçe</option>
							<option value="فارسی">فارسی</option>
						</select>
					</div>
				</td>
			</tr>
		</table>

		<!--下层table -->
		<table id="tb_index" width="1280px" height="399px" cellspacing="0" cellpadding="0" >
			<tr>
				<td style="width:50%;padding-left:250px;" align="center">
					<div class="div_left" style="width:350px;height:350px;background:url(img/decolation.png);"></div>
				</td>
				<td style="width:50%;" align="center" cellspacing="0" cellpadding="0">
						<!--下层table中右侧最外层table -->
					<div id="login_div">
					<table align="left" width="100%" cellspacing="0" cellpadding="0">
							<tr>
								<td>
									<div id="btn_user" class="btn_tab" style="float:left;" onclick="login_user()">By User</div>
									<div id="btn_device" class="btn_tab" style="float:right;" onclick="login_device()">By Device</div>
								</td>
							</tr>
							<tr><td id="td1" align="left" style="padding:15px 0 5px 24px; font-size:18px; color:#0168b7;font-weight:bold;">Log in monitoring system</td></tr>
							<tr>
								<td style="padding:0;" align="center"><!--此td中还有两个DIV，每个DIV中有一个table-->
								<center>
									<div id="login_user" class="login_hs">
								
									<table  width="100%" height="90%" cellspacing="0" cellpadding="0">
										<tr>
											<td id="td2" style="width:99px;">UserName</td>
											<td><input type="text" id="username" class="user_input" onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;"/></td>
										</tr>
										<tr>
											<td id="td3" style="width:99px;">Password&nbsp;&nbsp;</td>
											<td><input type="password" id="pwd" class="user_input" onkeydown="javascript:if (event.keyCode==13) login();"/></td>
										</tr>
										<tr>
											<td colspan="2" align="right">
												<input type="checkbox" id="rember" style="vertical-align:middle;"/>&nbsp;
												<font size="2px"><span id="s2" style="display:inline;">Save Password</span></font>
											</td>
										</tr>
									</table>
									</div>
									<!--加载时此DIV是隐藏的，当点击“按设备”时显示，点击“按用户”时隐藏 -->
									<div id="login_device" style="display:none;" class="login_hs">
									
									<table width="100%" height="90%" cellspacing="0" cellpadding="0">
										<tr>
											<td id="td4"style="width: 99px;">Device ID&nbsp;</td>
											<td><input type="text" class="deviceText" id="deviceID" onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;"/></td>
										</tr>
										<tr>
											<td id="td5"style="width: 99px;">UserName&nbsp;</td>
											<td><input type="text" class="deviceText" id="deviceUserName" onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;"/></td>
										</tr>
										<tr>
											<td id="td6"style="width: 99px;">Password&nbsp;</td>
											<td><input type="password" class="deviceText" id="devicePwd" onkeydown="javascript:if (event.keyCode==13) login();"/></td>
										</tr>
									</table>
									</div>
									<div style="margin-top:17px;">
										<button id="login_btn_user" class="login_btn" onclick="login()" onmousedown="mousedown()" onmouseup="mouseup()">Login</button>
									</div>
									<div id="bottom_login">
											<div style="float: left;padding-left: 10px;width: 100px;height: 35px"><a id="a1" href="javascript:register()"  class="a_bottom">Register</a></div>
										    <div id="aload" onclick="loadnone()"onmouseover="color_over()" onmouseout="color_out()" style="width: 78px;float: left;line-height: 36px">Download</div>
										    <div style="float: right;padding-right: 10px;width: 100px;height: 35px"><a id="a3" href="javascript:findPwd()" class="a_bottom">Get Password</a></div>

										    <div style="clear: both"></div>
									</div>
									</center>
								</td>
							</tr>
						</table>
					</div>
					 <div style="clear: both"></div>
				</td>
			</tr>
		</table>
		<div id="load_info" style="width: 100%;height:100%;background:rgba(0,0,0,.0);display:none;position: absolute;top: 0;-moz-user-select:none;"onselectstart="return false;" >
			<div  class="load_box" >
				<div id="Shut_down" onclick="loadblock()" onmouseover="shutover()" onmouseout="shutout()" style="float: right;margin-top: 13px;margin-right: 13px;width: 13px;height: 13px;background: url('img/TurnOff_normal.png') no-repeat center center"></div>
				<div id="Choose" onselectstart="return false;" style="-moz-user-select:none;">请选择下载区域:</div>
				<div style="clear: both"></div>
				<ul id="u1">
					<li  class="sload"   >
						<button type="submit" id="a4" onclick="url_plugin_windows()" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)" style="width: 240px;height: 32px;background: url('img/2btn_normal.png')">

						</button>

					</li>
					<li class="sload"  >
						<button type="submit" id="a5" onclick="url_plugin_mac()" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)"style="width: 240px;height: 32px;background: url('img/2btn_normal.png')">

						</button>
					</li>

					<li class="sload">
						<button type="submit" id="a6" onclick="url_plugin_v5()" onmouseover="javascript:mouseover(this)" onmouseout="javascript:mouseout(this)" style="width: 240px;height: 32px;border: 0px;background: url('img/2btn_normal.png')">

						</button>
					</li>
				</ul>
			</div>
			<div style="clear: both"></div>
		</div>

		</center>
		<!-- <h4>深圳天地宽视信息科技有限公司 版权所有 <u>粤ICP备14069183号</u></h4> -->
	</body>
</html>
<script>
	var  aload=$("aload");
	var load_info=$("load_info");
	var Shut_down=$("Shut_down");
	function loadnone(){
		load_info.style.display="block";
	};
	function loadblock(){
		load_info.style.display="none";
	}
	function mouseover(obj){

		obj.style.background="url('img/2btn_over.png')";
		obj.style.color="#000000"
	}
	function mouseout(obj){

		obj.style.background="url('img/2btn_normal.png')";
		obj.style.color="#FFFFFF"
	}
	function shutover(){

		Shut_down.style.background="url('img/TurnOff_over.png') no-repeat center center";

	}
	function shutout(){

		Shut_down.style.background="url('img/TurnOff_normal.png') no-repeat center center";

	}
    function url_sa(){
		window.location.href='http://www.dlink.in/update_web/vWebClient.exe';
	}
	function url_asia(){
		window.location.href='http://www.dlink.in/update_web/vWebClient.exe';
	}
	function url_europe(){
		window.location.href='http://www.dlink.in/update_web/vWebClient.exe';
	}
	function color_over(){
		aload.style.color="#0068b7";
	}
	function color_out(){
		aload.style.color="#313131";
	}

	function url_plugin_windows(){
		window.location.href='http://www.dlink.in/update_web/VPlugin.exe';
	}
	function url_plugin_mac(){
		window.location.href='http://www.dlink.in/update_web/VPlugin.pkg';
	}
	function url_plugin_v5(){
		window.location.href='http://www.dlink.in/update_web/vWebClient.exe';
	}

</script>