var ocx;
var g_bRecord = new Array(64);
var i18n = null;
var barOldWidth = 0;
window.onresize = function() {
	obgSize();
	
	var documentSliders = [{name : "speed", maxNumber : 8, minNumber : 1, resource: "preview.html"}];
	if($("#Image_Satup")[0].clientWidth > 0)
	{
		barOldWidth = $("#Image_Satup")[0].clientWidth;
		documentSliders = [{name : "brightness", maxNumber : 128, minNumber : 0, resource: "preview.html"},
						{name : "contrast", maxNumber : 128, minNumber : 0, resource: "preview.html"},
						{name : "saturation", maxNumber : 128, minNumber : 0, resource: "preview.html"},
						{name : "hue", maxNumber : 128, minNumber : 0, resource: "preview.html"},
						{name : "speed", maxNumber : 8, minNumber : 1, resource: "preview.html"}];
		
	}	
	InitSlider(documentSliders);
}
function obgSize() {
	var a = $(".main-content").width();
	var _objHeight = $(".mid-contents").height() - $(".icon-menu-wrp").height();
	var _objWidght = a - $(".side-bar").width()*2 - 0.03*a -2*3;
	if (_objHeight > 0){
		$('#pre_wnd_id').height(_objHeight);
		$('#ocxid').height(_objHeight-2);
		$('.mid-contents').width(_objWidght);
		$('#pre_wnd_id').width(_objWidght);
		$('#ocxid').width(_objWidght);
	}
}
function Load() {
	i18n = new I18n().init('preview', parent.g_language);
	parent.ocx = $("#ocxid")[0];
	bGetRecord = false;

	if (parent.devType == 2 && parent.g_main_i18n != null) {
		$("#device_list_id")[0].innerHTML = parent.translateMsg("ioe_Device");
		$("#open_all_id")[0].style.display = "none";
		$("#close_btn_id")[0].innerHTML = parent.translateMsg("ioe_Close");
	}
	for (var i = 0; i < parent.g_channelNum; i++) {
		g_bRecord[i] = false;
	}
}

function LoadEx() {
	Load();
	ocx = $("#ocxid")[0];
	
	$("#speed").val(5).change();
	$("#brightness").val(0).change();
	$("#contrast").val(0).change();
	$("#contrast").val(0).change();
	$("#hue").val(0).change();
		
	bGetRecord = false;
	var nRet = ocx.Login(cgipaddress, parent.hostport, parent.usrn, parent.pswd);
	if(nRet === -11303){
		parent.ClickLG();
		return;
	}
	var cmdid = "getconfig";
	var cmddata = {
		"PassWord" : parent.pwdMD5,
		"UserName" : parent.usrn,
		"Name" : "ChannelTitle"
	};
	Communicate(cmdid, cmddata, CallBackLoad);
}

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

	if (result.Ret == 100) {
		$("#speed").val(5).change();
		$("#ChannelTitles").empty();
		for (var i = 0; i < parent.g_channelNum; i++) {
			var ms = i18n.getValue('ioe_Main_Stream');
			var ss = i18n.getValue('ioe_Sub_Stream');
			var myHTML = '<li class="dropdown"><div id="RCD' + i + '">R</div><a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">'
					+ result.ChannelTitle[i] + '</a><ul class="dropdown-menu"><li><a ' + 'id="ms' + i + '" href="javascript:void(0)" style="padding-left:60px;" onclick="CMain(this,'
					+ i + ')">' + ms + '</a></li>' + '<li><a ' + 'id="ss' + i + '" href="javascript:void(0)" style="padding-left:60px;" onclick="CSub(this,'
					+ i + ')">' + ss + '</a></li></ul></li>';
			$("#ChannelTitles").append(myHTML);
		}

		/*
		 * if(parent.devType == 2) {
		 * $($("#ChannelTitles").find("li")[0]).addClass("open"); }
		 */
		if (parent.isLan) {
			ocx.SetSpecialParam(7);
		} else {
			ocx.SetSpecialParam(6);
		}
		ocx.PlayAllChannel();
	}
	parent.g_bLogin = false;
}

function CMain(pt, ch) {
	if ($(pt).hasClass("playing")) {
		if (ocx.StopPlayReal(ch)) {
			$(pt).removeClass("playing");
			$(pt).addClass("stopped");
		}
	} else {
		if (ocx.StartRealPlay(ch, 0, 0)) {
			$(pt).removeClass("stopped");
			$(pt).addClass("playing");
		}
	}
	$(pt).parents('li').siblings().children('a').removeClass("playing");
}

function CSub(pt, ch) {
	if ($(pt).hasClass("playing")) {
		if (ocx.StopPlayReal(ch)) {
			$(pt).removeClass("playing");
		}
	} else {
		if (ocx.StartRealPlay(ch, 0, 1)) {
			$(pt).addClass("playing");
		}
	}
	$(pt).parent('li').siblings().children('a').removeClass("playing");
}

function CMainAll(that) {
    $("#OpenAll .red-high-light").removeClass('red-high-light')
    $(that).parent('li').addClass('red-high-light')
	ocx.PlayAllChannelEx(0);
}

function CSubAll(that) {
    $("#OpenAll .red-high-light").removeClass('red-high-light')
    $(that).parent('li').addClass('red-high-light')
	ocx.PlayAllChannelEx(1);
}

function CStopAll() {
	ocx.StopRealPlayAll();
}

function StopPlayAll() {
	ocx.StopRealPlayAll();
	for (var i = 0; i < parent.g_channelNum; i++) {
        var mainPlay = "#ms" + i;
		var SubPlay = "#ss" + i;
		$(mainPlay).removeClass("playing");
		$(SubPlay).removeClass("playing");
    }
    //$(".playing").removeClass('playing');
    $("#OpenAll .red-high-light").removeClass('red-high-light');
}

function OnTalk(that) {
	if (!$("#Talk").hasClass('playing')) {
		if (ocx.StartTalk()) {
			$('#Talk').removeClass("grayed");
			$('#Talk').addClass('playing');
			var st = i18n.getValue('ioe_stop_talk');
			$('#Talk')[0].innerHTML = '<i class="fa fa-microphone"></i>' + st;
			$(that).parent('li').addClass('red-high-light');
		} else {
			$('#Talk').addClass('grayed');
		}
	} else {
		if (ocx.StopTalk()) {
			$('#Talk').removeClass("playing");
			$('#Talk').addClass('grayed');
			var st = i18n.getValue('ioe_start_talk');
			$('#Talk')[0].innerHTML = '<i class="fa fa-microphone"></i>' + st;
			$(that).parent('li').removeClass('red-high-light');
		}
	}
}

function RecordAll(that) {
	if ($("#RecordID").hasClass("playing")) {
		if (ocx.stopRecordAll()) {
			$("#RecordID").removeClass("playing");
			$("#RecordID").addClass("grayed");
            $(that).parent('li').removeClass('red-high-light');
        //    $('#ChannelTitles li div').hide()
		}
	} else {
		if (ocx.startRecordAll("C:\\record")) {
			$("#RecordID").removeClass("grayed");
			$("#RecordID").addClass("playing");
            $(that).parent('li').addClass('red-high-light');
         //   $('#ChannelTitles li div').show()
		} else {
			$("#RecordID").addClass("grayed");
		}
	}
}

function SetImage() {
    var ca = $("#brightness")[0].value;
    var cb = $("#contrast")[0].value;
    var cc = $("#saturation")[0].value;
    var cd = $("#hue")[0].value;
    ocx.SetColor(0, parseInt(ca), parseInt(cb), parseInt(cc), parseInt(cd));
}

function ResetImage() {
    ocx.SetColor(0, 64, 64, 64, 64);
	$("#brightness")[0].value = 64;
	$("#contrast")[0].value = 64;
	$("#saturation")[0].value = 64;
	$("#hue")[0].value = 64;
	
	$("#brightness")[0].onchange();
	$("#contrast")[0].onchange();
	$("#saturation")[0].onchange();
	$("#hue")[0].onchange();
}

function GetColors() {
    var colors = "";
    colors = ocx.GetColor();
    if (colors != "") {
        var t = colors.split(',');
        if ($("#brightness")[0].value == parseInt(t[0]) && $("#contrast")[0].value == parseInt(t[1]) &&
            $("#saturation")[0].value == parseInt(t[2]) && $("#hue")[0].value == parseInt(t[3])) {
            return;
        }
		
		$("#brightness").val(parseInt(t[0])).change();
		$("#contrast").val(parseInt(t[1])).change();
		$("#saturation").val(parseInt(t[2])).change();
		$("#hue").val(parseInt(t[3])).change();

    }
    else//这里有待选中消息的传递
    {
        if ($("#brightness")[0].value == 0 && $("#contrast")[0].value == 0 &&
            $("#saturation")[0].value == 0 && $("#hue")[0].value == 0) {
            return;
        }
		$("#brightness").val(0).change();
		$("#contrast").val(0).change();
		$("#saturation").val(0).change();
	    $("#hue").val(0).change();
    }
}

function SetUpPTZ(el) {
	if (el.selectedIndex == 0) {
		$("#PreSetPage")[0].style.display = "";
		$("#TourPage")[0].style.display = "none";
	} else {
		$("#PreSetPage")[0].style.display = "none";
		$("#TourPage")[0].style.display = "";
	}
}

function HandleDigiSta(nStatus, channel) {
	if (1 == nStatus) {
		var tempSubPlay = "#ss" + channel;
		$(tempSubPlay).removeClass("playing");
		$(tempSubPlay).addClass('forbitPlay');
		var tempRecord = "#RCD" + channel;
		$(tempRecord).hide();

		var tempPlay = "#ms" + channel;
		$(tempPlay).removeClass("playing");
		$(tempPlay).addClass("forbitPlay");
	} else if (0 == nStatus) {
		var tempSubPlay = "#ss" + channel;
		$(tempSubPlay).removeClass("playing");
		$(tempSubPlay).removeClass("forbitPlay");
		var tempRecord = "#RCD" + channel;
		$(tempRecord).hide();
		var tempPlay = "#ms" + channel;
		$(tempPlay).removeClass("playing");
		$(tempPlay).removeClass("forbitPlay");
	} else if (2 == nStatus) {
		var tempPlay = "#ms" + channel;
		$(tempPlay).removeClass("forbitPlay");
		$(tempPlay).addClass("playing");
	} else if (3 == nStatus) {
		var tempSubPlay = "#ss" + channel;
		$(tempSubPlay).removeClass("playing");
		$(tempSubPlay).removeClass("forbitPlay");
	} else if (4 == nStatus) {
		var tempSubPlay = "#ss" + channel;
		$(tempSubPlay).removeClass("forbitPlay");
		$(tempSubPlay).addClass("playing");
	} else if (5 == nStatus) {
		var tempPlay = "#RCD" + channel;
		$(tempPlay).show();
	} else if (6 == nStatus) {
		var tempPlay = "#RCD" + channel;
		$(tempPlay).hide();
	}
	GetColors();
}

function HandleOneSubOpen(channel) {
	var tempPlay = "#ms" + channel;
	if ($(tempPlay).hasClass('playing')) {
		$(tempPlay).removeClass("playing");
		$(tempPlay).removeClass("forbitPlay");
	}
	var tempSubPlay = "#ss" + channel;
	$(tempSubPlay).removeClass("forbitPlay");
	$(tempSubPlay).addClass('playing');
	GetColors();
}

function HandleOneChannelOpen(channel) {
	var tempSubPlay = "#ss" + channel;
	if ($(tempSubPlay).hasClass('playing')) {
		$(tempSubPlay).removeClass("playing");
		$(tempSubPlay).removeClass("forbitPlay");
	}
	var tempPlay = "#ms" + channel;
	$(tempPlay).removeClass("forbitPlay");
	$(tempPlay).addClass('playing');
	GetColors();
}

function HandleStopPlayOneChannel(channel) {
	var tempPlay = "#ms" + channel;
	$(tempPlay).removeClass("playing");
	$(tempPlay).removeClass("forbitPlay");

	var tempRecord = "#RCD" + channel;
	$(tempRecord).hide();

	var tempSubPlay = "#ss" + channel;
	$(tempSubPlay).removeClass("playing");
	$(tempSubPlay).removeClass("forbitPlay");

	GetColors();
}

function HandleAllChannelCtrl(bPlay, bStopPlay, bRecord, bStopRecord) {
	if (bPlay) {
		if (bRecord) {
			// 借用于子码流播放
			for (var j = 0; j < parent.g_channelNum; j++) {
				var tempSubPlay = "#ss" + j;
				$(tempSubPlay).removeClass("forbitPlay");
				$(tempSubPlay).addClass('playing');
			}
		} else {
			for (var j = 0; j < parent.g_channelNum; j++) {
				var tempPlay = "#ms" + j;
				$(tempPlay).removeClass("forbitPlay");
				$(tempPlay).addClass('playing');
			}
		}
	} else if (bStopPlay) {
		for (var j = 0; j < parent.g_channelNum; j++) {
			var tempPlay = "#ms" + j;
			$(tempPlay).removeClass("playing");
			$(tempPlay).removeClass("forbitPlay");

			var tempSubPlay = "#ss" + j;
			$(tempSubPlay).removeClass("playing");
			$(tempSubPlay).removeClass("forbitPlay");
		}
	} else if (bRecord) {
		for (var j = 0; j < parent.g_channelNum; j++) {
			var tempPlay = "#ms" + j;
			var tempsub = "#ss" + j;
			if ($(tempPlay).hasClass('playing') || $(tempsub).hasClass('playing')) {
				var temp = "#RCD" + j;
				$(temp).show();
			}
		}
	} else if (bStopRecord) {
		for (var j = 0; j < parent.g_channelNum; j++) {
			var temp = "#RCD" + j;
			$(temp).hide();
		}
	}
	GetColors();
}

function HandleSendAlarmMsg(nType, channel) {
	if (parent.$("#af")[0].src.indexOf("alarm.html") < 0) {
		return;
	}
	parent.frames["naf"].HandleAlarmMsg(nType, channel);
}

function OpenAudio() {
	if ($("#AudioA").hasClass("active")) {
		if (ocx.CloseSound(1)) {
			$("#AudioA").removeClass("active");
		}
	} else {
		if (ocx.OpenSound(-1)) {
			$("#AudioA").addClass("active");
		}
	}
}

function HandleRButtonDown(flag, x, y) {
	ocx.Fullscreen(false);
}

function HandlebSound(bs) {
	if (bs) {
		$("#AudioA").addClass("active");
	} else {
		$("#AudioA").removeClass("active");
	}
}

function HandleClientRecord(channel, bRecord) {
	if (bRecord) {
		g_bRecord[channel] = true;
		$("#RecordA").addClass("active");
	} else {
		g_bRecord[channel] = false;
		$("#RecordA").removeClass("active");
	}
}

function Recd() {
	var channel = ocx.GetCurChannel();
	if (channel < 0) {
		return;
	}
	if (g_bRecord[channel] != true) {
		if (ocx.StartRecordByChannel(channel)) {
			g_bRecord[channel] = true;
			$("#RCD" + channel).show();
		}
	} else {
		if (ocx.StopRecordBychannel(channel)) {
			g_bRecord[channel] = false;
			$("#RCD" + channel).hide();
		}
	}
}

function HandleDeviceSearchItem(aitem) {
	if (parent.$("#sf")[0].src.indexOf("add-device.html") < 0) {
		return;
	}
	parent.frames["nsf"].ShinHandleDeviceSearchItem(aitem);
}

function HandleWifiSearchItem(aitem) {
	if (parent.$("#sf")[0].src.indexOf("wifi.html") < 0) {
		return;
	}
	parent.frames["nsf"].ShinHandleWifiSearchItem(aitem);
}

function HandleGotoAddDevice(nFlag) {
	parent.GoAddDev();
}

function HadlePTZAlertMSG() {
	var ptzmsg = i18n.getValue('ioe_ptz_msg');
	alert(ptzmsg);
}

function HideWndBtn() {
	if (parent.g_channelNum <= 36) {
		$(".sixtifour-wnd").hide();
		if (parent.g_channelNum <= 25) {
			$(".thirtisix-wnd").hide();
			if (parent.g_channelNum <= 16) {
				$(".twentifive-wnd").hide();
				if (parent.g_channelNum <= 9) {
					$(".sixteen-wnd").hide();
					if (parent.g_channelNum <= 4) {
						$(".nine-wnd").hide();
						if (parent.g_channelNum <= 1) {
							$(".four-wnd").hide();
							$(".one-wnd").hide();
						}
					}
				}
			}
		}
	}
}

function HandleReboot() {
	parent.ClickLG();
}

function changeControl_device_bg(n, speed, type) {
	var _src
	if (n == 0)
		_src = 'images/control-device-bg.png';
	else
		_src = 'images/control-device-bg' + n + '.png';
	$('#control-device-bg').attr('src', _src);
	if (n == 0) {
		ocx.PTZCtrlStop(-1, type, speed);
	}
}

function HideInstantRecord(enable) {
	if (!enable) {
		$($("#command-list").find("li")[3]).hide();
		$("#command-list").show();
	}
}

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");
		}
	}
	
	if(el.className.indexOf("image-setup") > 0)
	{
		var interval = self.setInterval(function() {
			var id = $("#Image_Satup")[0];
			if(id.className == "panel-collapse collapse in")
			{
				if(id.clientWidth > 0 && barOldWidth != id.clientWidth)
				{
					barOldWidth = id.clientWidth;
					var documentSliders = [{name : "brightness", maxNumber : 128, minNumber : 0, resource: "preview.html"},
									{name : "contrast", maxNumber : 128, minNumber : 0, resource: "preview.html"},
									{name : "saturation", maxNumber : 128, minNumber : 0, resource: "preview.html"},
									{name : "hue", maxNumber : 128, minNumber : 0, resource: "preview.html"},
									{name : "speed", maxNumber : 8, minNumber : 1, resource: "preview.html"}];
					InitSlider(documentSliders);
				}
				window.clearInterval(interval); 
			}else if(id.className == "panel-collapse collapse"){
				window.clearInterval(interval); 
			}
		}, 100);
	}
	
}
function HandleRetOprResult(nType, nRet) {
	if (parent.$("#sf")[0].src.indexOf("backup.html") < 0) {
		return;
	}
	parent.frames["nsf"].ShinHandleRetOprResult(nType, nRet);
}

function HandleUpdateLoginId()
{
	parent.UpdateLoginId();
}

function HandleRecordStatus(channel, status)
{
	var tempRecord = "#RCD" + channel;
	if(status)
	{
		$(tempRecord).show(); 
	}else
	{
		$(tempRecord).hide(); 
	}
}