var usrn;
var pswd;
var pwdMD5;
var hostport;
var isLan;
var g_channelNum = 0;
var g_analogChannel = 0;
var g_digitalChannel = 0;
var g_alarmInChannel = 0;
var g_alarmOutChannel = 0;
var g_audioInChannel = 0;
var g_abilitySet = 0;
var ocx;
var loadPlayback = false;
var loadImage = false;
var i18n;
var deviceModel;
var g_bLogin = false;
var g_VersionDate;
function SizePF() {
    if ($("#playbackf")[0].style.display != "none") {
        //var mainheight = $("#pf")[0].contentDocument.body.scrollHeight;
        var mainheight = document.documentElement.clientHeight - $(".container-fluid").height();
        if (mainheight > 0)
            $("#pf")[0].height = mainheight;
    }
}

function SizeSF() {
    if ($("#settingsf")[0].style.display != "none") {
        var mainheight = $("#sf")[0].contentDocument.body.scrollHeight;
        $("#sf")[0].height = mainheight;
    }
}

function SizeAF() {
    if ($("#alarmsf")[0].style.display != "none") {
        var mainheight = $("#af")[0].contentDocument.body.scrollHeight;
        $("#af")[0].height = mainheight;
    }
}

function SizeIF() {
    if ($("#infof")[0].style.display != "none") {
        var mainheight = $("#if")[0].contentDocument.body.scrollHeight;
        $("#if")[0].height = mainheight;
    }
}
function Load() {
	//i18n=new I18n().init('login');
    $('.content-wrapper').height(window.innerHeight - $('header').height());
    if (HasOcx()) {
        ocx.SetSpecialParamEx2(2, "English", 0, 0);
    }
    loadImage = false;
    loadPlayback = false;
	g_channelNum = 0;
	g_analogChannel = 0;
	g_digitalChannel = 0;
	g_alarmInChannel = 0;
	g_alarmOutChannel = 0;
	g_audioInChannel = 0;
	g_abilitySet = 0;
	g_bLogin = false;
	
	adjustLayout(devType);
}

function HasOcx() {
    var bIE = IsIE();
    if (bIE == 0) {
        MyAlert("Please use IE or 32-bit non-IE browser.");
        return 0;
    }
    if (bIE == 1) {
        if (!DetectActiveX()) {
            MyAlert("Please install plugin first.");
            return 0;
        }
        return 1;
    }
    if (bIE == -1) {
        if (!DetectExtension()) {
            MyAlert("Please install plugin first.");
            return 0;
        }
        return 1;
    }
}

function Login() {
	if(g_bLogin){
		return;
	}
	g_bLogin = true;
	
	deviceModel = "";
    if (!HasOcx()) return;
    usrn = $("#email")[0].value;
    pswd = $("#password")[0].value;
    var string = "CPPLUS_";
    //var string='';
    pwdMD5 = string + hex_md5(pswd);
    var cmdid = "login";
    var cmddata = {
        "EncryptType": "MD5",
        "LoginType": "DVRIP-Web",
        "PassWord": pwdMD5,
        "UserName": usrn,
        "Name": "generalinfo"
    };
    Communicate(cmdid, cmddata, CallBackLogin);
}

function CallBackLogin() {
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
		//MyAlert(i18n.getValue('user_error'));
        MyAlert("Username or Password is incorrect.");
		g_bLogin = false;
        return;
    }

    if (result.Ret == 100) {
		deviceModel = result.DeviceType;
        if (pswd == "admin" && ocx.NotAgain(1, "a") == "1") {
            g_bLogin = false;
            $("#BtnChangePass").click();
            return;
        } else {
            GetHP();
        }
    }
    else {
		//MyAlert(i18n.getValue('login_fail') + result.Ret);
        MyAlert(getErrorStr(result.Ret));
		g_bLogin = false;
        return;
    }
}

function GetHP() {
    var cmdid = "getconfig";
    var cmddata = {
        "PassWord": pwdMD5,
        "UserName": usrn,
        "Name": "NetWork.NetCommon"
    };
    Communicate(cmdid, cmddata, CallBackHP);
}

function CallBackHP() {
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
		g_bLogin = false;
        return;
    }

    hostport = result.TCPPort;
    isLan = $("#lan")[0].checked;
    GetEssentialParams();
}

function Cancel() {
    $("#email")[0].value = "";
    $("#password")[0].value = "";
    $("#lan")[0].click();
}

function ClickPlayBack() {
	if ($("#sf")[0].src.indexOf("image.html") >= 0) {
        if (null != frames["nsf"].imageocx) {
            frames["nsf"].imageocx.ImageView(1, -1, 0, false);
        }
    }
    switch_ifram(this);
    $("#postlogin")[0].style.display = "none";
    $("#settingsf")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "none";
    $("#infof")[0].style.display = "none";
    $("#playbackf")[0].style.display = "";
    ActivateNav(1);
    if ($("#pf")[0].src.indexOf(".html") < 0) {
        $("#pf")[0].src = "playback.html";
    }
}

function ClickPreview() {
    if ($("#sf")[0].src.indexOf("image.html") >= 0) {
        if (null != frames["nsf"].imageocx) {
            frames["nsf"].imageocx.ImageView(1, -1, 0, false);
        }
    }
    $("#settingsf")[0].style.display = "none";
    $("#playbackf")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "none";
    $("#infof")[0].style.display = "none";
    $("#postlogin")[0].style.display = "";
    ActivateNav(0);
}

function ClickAlarm() {
	if ($("#sf")[0].src.indexOf("image.html") >= 0) {
        if (null != frames["nsf"].imageocx) {
            frames["nsf"].imageocx.ImageView(1, -1, 0, false);
        }
    }
    $("#postlogin")[0].style.display = "none";
    $("#playbackf")[0].style.display = "none";
    $("#settingsf")[0].style.display = "none";
    $("#infof")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "";
    ActivateNav(2);
    if ($("#af")[0].src.indexOf(".html") < 0) {
        $("#af")[0].src = "alarm.html";
    }
}

function ClickImage() {
    $("#postlogin")[0].style.display = "none";
    $("#playbackf")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "none";
    $("#infof")[0].style.display = "none";
    $("#settingsf")[0].style.display = "";
    ActivateNav(3);
    if ($("#sf")[0].src.indexOf(".html") < 0) {
        var els = $("#Camera").find("li");
        for (var i = 0; i < els.length; i++) {
            if (!$(els[i]).is(":hidden")) {
                $(els[i]).find("a").click();
                break;
            }
        }
    } else {
        if ($("#sf")[0].src.indexOf("image.html") >= 0) {
            var nSel = frames["nsf"].$("#Chans")[0].selectedIndex;
            var subToken = parseInt(frames["nsf"].$("#Chans")[0].options[nSel].value);
            frames["nsf"].imageocx.ImageView(ocx.GetLoginHandle, subToken, 1, true);
        }
    }
}

function ClickInfo() {
	if ($("#sf")[0].src.indexOf("image.html") >= 0) {
        if (null != frames["nsf"].imageocx) {
            frames["nsf"].imageocx.ImageView(1, -1, 0, false);
        }
    }
    $("#postlogin")[0].style.display = "none";
    $("#playbackf")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "none";
    $("#settingsf")[0].style.display = "none";
    $("#infof")[0].style.display = "";
    ActivateNav(4);
    if ($("#if")[0].src.indexOf(".html") < 0) {
        $("#infof li.active").removeClass("active");
        $($("#infof li")[0]).addClass("active");
        $("#if")[0].src = "info.html";
    }
}

function ClickLG() {
	if(ocx.Logout())
	{
		if(loadPlayback)
		{
			loadPlayback = false;
			if(null != frames["npf"].pbocx)
				frames["npf"].pbocx.Logout();
		}
		
		if(loadImage)
		{
			loadImage = false;
			if(null != frames["nsf"].imageocx)
				frames["nsf"].imageocx.ImageView(1, -1, 0, false);
		}
	}
	
	ocx.LogoutEx();
	location.reload();
}

function ClickItem(refr, el) {
    if ($("#sf")[0].src.indexOf(refr) < 0) {
        if ($("#sf")[0].src.indexOf("image.html") >= 0) {
            if (null == frames["nsf"].imageocx) {
                //console.log("---------------------------> error , imageoc is null");
                return;
            } else {
                frames["nsf"].imageocx.ImageView(1, -1, 0, false);
            }
        }
        $("#settingsf li.active").removeClass("active");
        $(el).parent().addClass("active");
        $("#sf")[0].src = refr;
    }
}

function ClickItemEx(refr, el) {
    if ($("#if")[0].src.indexOf(refr) < 0) {
        $("#infof li.active").removeClass("active");
        $(el).parent().addClass("active");
        $("#if")[0].src = refr;
    }
}

function ActivateNav(nSel) {
    $(".pull-right").find("li").removeClass("active");
    $($(".pull-right").find("li")[nSel]).addClass("active");
}

function GetEssentialParams() {
    var cmdid = "getinfo";
    var cmddata = {
        "PassWord": pwdMD5,
        "UserName": usrn,
        "Name": "SystemInfo"
    };
    Communicate(cmdid, cmddata, CallBackEssential);
}

function CallBackEssential() {
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
		g_bLogin = false;
        return;
    }

    g_channelNum = result.SystemInfo.VideoInChannel + result.SystemInfo.DigChannel;
    g_analogChannel = result.SystemInfo.VideoInChannel;
    g_digitalChannel = result.SystemInfo.DigChannel;
	g_alarmInChannel = result.SystemInfo.AlarmInChannel;
    g_alarmOutChannel = result.SystemInfo.AlarmOutChannel;
    g_audioInChannel = result.SystemInfo.AudioInChannel;
    g_VersionDate = result.SystemInfo.SoftWareVersion + "|" + result.SystemInfo.BuildTime;

    frames["nff"].HideWndBtn();

    var cmdid = 'getability';
    var cmddata = {
        "PassWord": pwdMD5,
        "UserName": usrn,
        "Name": "SystemFunction"
    };
    Communicate(cmdid, cmddata, CallBackGetAbility);
}

function CallBackGetAbility() {
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
		g_bLogin = false;
        return;
    }

    g_abilitySet = result;

    if (g_digitalChannel == 0) {
        $($("#Camera").find("li")[0]).hide();
    }
    // if(g_analogChannel == 0){
    // 	$($("#Camera").find("li")[2]).hide();
    // }

    if (g_abilitySet.SystemFunction.NetServerFunction.NetWifi == false || parent.devType == 2) {
        $($("#Network").find("li")[2]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.Net3G == false || parent.devType == 2) {
        $($("#Network").find("li")[3]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetPPPoE == false) {
        $($("#Network").find("li")[4]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetDDNS == false) {
        $($("#Network").find("li")[5]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetIPFilter == false) {
        $($("#Network").find("li")[6]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetEmail == false) {
        $($("#Network").find("li")[7]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetFTP == false) {
        $($("#Network").find("li")[8]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetUPNP == false) {
        $($("#Network").find("li")[9]).hide();
    }
    if (true) {
        $($("#Network").find("li")[10]).hide();
    }
    if (true) {
        $($("#Network").find("li")[11]).hide();
    }
    if (true) {
        $($("#Network").find("li")[12]).hide();
    }
    if (g_abilitySet.SystemFunction.NetServerFunction.NetAlarmCenter == false) {
        $($("#Network").find("li")[13]).hide();
    }
    if (true) {
        $($("#Network").find("li")[14]).hide();
    }

    if (g_abilitySet.SystemFunction.NetServerFunction.NetPMS == false) {
        $($("#Network").find("li")[15]).hide();
    }
    if(g_abilitySet.SystemFunction.NetServerFunction.NetDAS == false){
       $($("#Network").find("li")[16]).hide(); 
    }
    if(g_abilitySet.SystemFunction.NetServerFunction.NetHMS == false){
        $($("#Network").find("li")[17]).hide(); 
    }

    if (g_abilitySet.SystemFunction.AlarmFunction.MotionDetect == false &&
        g_abilitySet.SystemFunction.AlarmFunction.BlindDetect == false &&
        g_abilitySet.SystemFunction.AlarmFunction.LossDetect == false) {
        $($("#Event").find("li")[0]).hide();
    }
    if (true) {
        $($("#Storage").find("li")[2]).hide();
    }

    if (g_abilitySet.SystemFunction.CommFunction.CommRS485 == false || g_analogChannel == 0) {
        $($("#System").find("li")[2]).hide();
    }
    if (true) {
        $($("#System").find("li")[3]).hide();
    }

    $(".login-wrp")[0].style.display = "none";
    $("header").show();
    $("#postlogin")[0].style.display = "";
    ActivateNav(0);
	
	if(parent.devType == 2){
		if (g_abilitySet.SystemFunction.OtherFunction.NOHDDRECORD) {
			$($("#Storage").find("li")[1]).hide();
            loginReady();
		}else{
			var cmdid = 'getinfo';
			var cmddata = {
			"PassWord" : pwdMD5,
			"UserName" : usrn,
			"Name":"StorageInfo"
			};
			Communicate(cmdid, cmddata, CallBackStorageInfo);
		}
	}
	else{
		loginReady();
	}
}

function loginReady(){
    var count = 0;
            var timeTip = setInterval(function () {
                count ++;
                var val = ocx.SetSpecialParamEx2(3, "English", 0, 0);
                if(val >= 0){
                    clearInterval(timeTip);
                    frames["nff"].LoadEx();
                }else if(count > 20){
                    g_bLogin = false;
                    clearInterval(timeTip);
                }
            }, 200);
}

function CallBackStorageInfo(){
	try{
		ssAccept = CheckResponse.apply(this);
		if (ssAccept == "") {
			return;
		}
	}catch(e)
	{
		parent.MyAlert(e);
		g_bLogin = false;
		return;
	}

	if (ssAccept.Ret == 100){
		var TotalNum=0;
		for (var j = 0; j < ssAccept.StorageInfo.length; j++) 
		{
			var partNum = ssAccept.StorageInfo[j].PartNumber;
			for (var i = 0; i < partNum; i++){
				if(ssAccept.StorageInfo[j].Partition[i].DirverType > 4){
					continue;
				}
				TotalNum += parseInt(ssAccept.StorageInfo[j].Partition[i].TotalSpace);
			}				
		}
		
		if(TotalNum != 0){
			$($("#Storage").find("li")[1]).show();
		}else{
			$($("#Storage").find("li")[1]).hide();
		}
		
		loginReady();
	}else{
		$($("#Storage").find("li")[1]).hide();
		
		loginReady();
	}
}

function uaMatch(ua) {
    var rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
        rFirefox = /(firefox)\/([\w.]+)/,
        rOpera = /(opera).+version\/([\w.]+)/,
        rChrome = /(chrome)\/([\w.]+)/,
        rSafari = /version\/([\w.]+).*(safari)/;

    var match = rMsie.exec(ua);
    if (match != null) {
        return {browser: "IE", version: match[2] || "0"};
    }
    match = rFirefox.exec(ua);
    if (match != null) {
        return {browser: match[1] || "", version: match[2] || "0"};
    }
    match = rOpera.exec(ua);
    if (match != null) {
        return {browser: match[1] || "", version: match[2] || "0"};
    }
    match = rChrome.exec(ua);
    if (match != null) {
        return {browser: match[1] || "", version: match[2] || "0"};
    }
    match = rSafari.exec(ua);
    if (match != null) {
        return {browser: match[2] || "", version: match[1] || "0"};
    }
    if (match == null) {
        return {browser: "", version: "0"};
    }
}

function IsIE() {
    if (navigator.userAgent.indexOf('IE') < 0) {
        if (navigator.platform != "Win32") {
            return 0;
        }
        var browserMatch = uaMatch(navigator.userAgent.toLowerCase());
        if (browserMatch.browser != "IE") {
            return -1;
        }
        return 1;
    }
    return 1;
}

function DetectActiveX() {
    try {
        var comActiveX = new ActiveXObject("WEB.WebCtrl.RED.CGI");
        comActiveX = null;
    }
    catch (e) {
        return false;
    }
    return true;
}

function DetectExtension() {
    var len = navigator.mimeTypes.length;
    for (var i = 0; i < len; i++) {
        if (navigator.mimeTypes[i].type.toLowerCase() == "application/npaps-plugin") {
            return true;
        }
    }
    return false;
}

function ShowPSWD() {
    if ($("#password")[0].type == "password") {
        $("#password")[0].type = "text";
        $(".hidepass").addClass("other");
    } else {
        $("#password")[0].type = "password";
        $(".hidepass").removeClass("other");
    }
}

function ExclusivePanel(el) {
    var Panels = $(".panel.catg-widget").children("a");
    for (var i = 0; i < Panels.length; i++) {
        if (el != Panels[i]) {
            $(Panels[i]).addClass("collapsed");
            $(Panels[i]).next().removeClass("in");
        }
    }
}

function MyAlert(msg) {
    var tipStr = '<div id="cgiTip" style="z-index:8888; background:#C40022; position:fixed; bottom:10px; left:20%; width:60%; height:30px; text-align:center; line-height:30px; color:#fff;">' + msg + '</div>';
    $("body").prepend(tipStr);
    setTimeout('$("#cgiTip").remove();', 2500);
}

function OnOKModal() {
    if (!pwdTest($("#NewPassword")[0].value)) {
        MyAlert("Password must be minimum 8 digit and maximum 16 digit with the combination of character, number and special character.");
        return;
    }
    if ($("#NewPassword")[0].value != $("#ConfirmPassword")[0].value) {
        MyAlert("New Password and Confirm Password should be same!");
        return;
    }
    
    var cmdid = "usermanage";
        var cmddata = {
        "PassWord": pwdMD5,
        "UserName": usrn,
        "Name": "MODIFYPASSWORD",
        "EncryptType": "MD5",
        "NewPassWord": hex_md5($("#NewPassword")[0].value),
        "OldPassWord": ocx.NotAgain(0, pswd),
        "OldUserName": usrn
        };
    Communicate(cmdid, cmddata, CallBackChangePassword);
}

function CallBackChangePassword() {
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
        return;
    }
	
	if(result.Ret == 100) {
        var cmdid = "getconfig";
        var string = "CPPLUS_";
        var pwdMD = string + hex_md5($("#NewPassword")[0].value);
        var cmddata = {
            "Name": "System.ExUserMap",
            "PassWord": pwdMD,
            "UserName": usrn
        };
        Communicate(cmdid, cmddata, CallBackGetExUserMap);
	}
}

function CallBackGetExUserMap(){
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
        return;
    }
    if(result.Ret == 100){
        var psw = ocx.NotAgain(2001,$("#NewPassword")[0].value);
        var fname = "System.ExUserMap";
        for(var i = 0;i < result[fname].UserNum;i ++){
            if(result[fname].User[i].Name == usrn){
                result[fname].User[i].Password = psw;
            }
        }
        
        var string = "CPPLUS_";
        var pwdMD = string + hex_md5($("#NewPassword")[0].value);
        var cmdid = "setconfig";
        result.UserName = usrn;
        result.PassWord = pwdMD;
        Communicate(cmdid, result, CallBackExUserMap);
    }
}

function CallBackExUserMap(){
    var result;
    try {
        result = CheckResponse.apply(this);
        if (result == "") return;
    }
    catch (e) {
        MyAlert(e);
        return;
    }
    if(result.Ret == 100){
        MyAlert("Password modified successfully , please login with the new password .");
		
		pswd = $("#NewPassword")[0].value;
		pwdMD5 = hex_md5($("#NewPassword")[0].value);
		if ($("#NotAgain")[0].checked) {
			ocx.NotAgain(2, "a");
		}
		$($("#ChangePassModal").find(".modal-footer button")[1]).click();
    }
}

function GoAddDev() {
    $("#postlogin")[0].style.display = "none";
    $("#playbackf")[0].style.display = "none";
    $("#alarmsf")[0].style.display = "none";
    $("#infof")[0].style.display = "none";
    $("#settingsf")[0].style.display = "";
    ActivateNav(3);
    if ($("#sf")[0].src.indexOf("add-device.html") < 0) {
        var els = $("#Camera").find("li");
        $(els[0]).find("a").click();
    }
}

function OnCancelModal() {
    return;
    if ($("#NotAgain")[0].checked) {
        ocx.NotAgain(2, "a");
    }
    GetHP();
}
function switch_ifram(id) {
    $(".navbar-nav li").removeClass('active');
    $(id).parent().addClass('active')
}

function adjustLayout(nDevType) {
    if (nDevType == 2) {
        //$($(".pull-right").find("li")[1]).hide();
        $($("#Camera").find("li")[4]).hide();
        //$($("#Storage").find("li")[1]).hide();
		$($("#System").find("li")[1]).hide();
        frames["nff"].HideInstantRecord(false);
    }
	else{
		$($("#Camera").find("li")[5]).hide();
	}
}

function ShowFade(show){
	if(show){
		fade.style.display='block'; 
	}else{
		fade.style.display='none';
	}
}
function OprWaitTip(nType, msg){
    if(nType === 0){
        $("#WaitTipId").remove();
		ShowFade(false);
    }else if(nType === 1){
        var tipStr = '<div id="WaitTipId" style="z-index:8888; background:#C40022; position:fixed; bottom:10px; left:20%; width:60%; height:30px; text-align:center; line-height:30px; color:#fff;">' + msg + '</div>';
        $("body").prepend(tipStr);
		ShowFade(true);
    }
}