var alarmColors = [
    '#dbdbdb',//0、灰色
    '#2385e2',//1、蓝色
    '#ffd452',//2、黄色
    '#f28331',//3、橙色
    '#d52121'//4、红色
];
$(function () {
	//滚动事件
	var mScroll = new IScroll(".kzbjcsIscroll",{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom',
		click:true,
	   	tap:true
	});
	setTimeout(function () {
	    mScroll.refresh();
	}, 100);
	var mScrol2 = new IScroll(".iscrollCenter",{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom',
		click:true,
	   	tap:true
	});
	/*kzbjcsIscroll(".Phone1");
	kzbjcsIscroll(".Phone2");*/
    //获取网页标签
    var alertPreferences = $("#alertPreferences");
    var alarmContent = $('#alarmContent');
    var addWrapper = $("#addWrapper");
    var addButton = addWrapper.find(".addButton");
    var alertPhone = $("#alertPhone");
    var bjMenu1 = $("#bjMenu1");
    var phone = $(".Phone1>div:first-child");
    
    /** 初始化报警等级 **/
    var alarmCom = alarmContent.find("span.glyphicon-alert");
    for (var i = 0; i < alarmCom.length; i++) {
        var idegree = alarmCom.eq(i).data('degree');
        var ids = alarmCom.eq(i).data('input');
        alarmCom.eq(i).css('color', alarmColors[idegree]);
        if (idegree == 0) {
            $("#" + ids).attr("disabled", "disabed");
        } else {
            $("#" + ids).removeAttr("disabled");
        }
    }

    /** 切换报警等级 **/
    alarmContent.on('tap', 'span.glyphicon-alert', function () {
        var idegree = (parseInt($(this).data('degree'))) + 1;
        var ids = $(this).data('input');
        if (idegree > 4) {
            idegree = 0;
        }
        $(this).data('degree', idegree);
        $(this).css('color', alarmColors[idegree]);
        if (idegree == 0) {
            $("#" + ids).attr("disabled", "disabed");
        } else {
            $("#" + ids).removeAttr("disabled");
        }
    });

    alarmContent.on('tap', 'input', function () {
        if ($(this).data("name") == "xwkgtxt") {
            $("#save").data("for", $(this).attr("id"));
            var box = $(this).data("box") + "";
            var alarmCheckBox = $("#alarmCheckbox").find("li");
            var m = 0;
            for (var i = 0; i < alarmCheckBox.length; i++) {
            	if (i < 3) {
            		m = i;
            	} else {
            		if (box.length > 4) {
            			m = i + 2;
            		} else {
            			m = i;
            		}
            	}
                if (box.length > m && box.charAt(m) == "2") {
                    alarmCheckBox.eq(i).addClass('checked');
                } else {
                    alarmCheckBox.eq(i).removeClass('checked');
                }
            }
        }
    });
    $('#alarmCheckbox').on('click', 'li', function (e) {
        e.preventDefault();
        $(this).toggleClass("checked");
    });
    $("#save").click(function () {
        var checkBoxBuf = "";
        var checkBoxTxt = "";
        var alarmCheckBox = $("#alarmCheckbox").find("li");
        for (var i = 0; i < alarmCheckBox.length; i++) {
            checkBoxBuf += alarmCheckBox.eq(i).attr('class') ? 2 : 1;
            checkBoxTxt += alarmCheckBox.eq(i).attr('class') ? alarmCheckBox.eq(i).find("label").html() + "," : "";
        }
        if (checkBoxTxt != "") {
            checkBoxTxt = checkBoxTxt.substring(0, checkBoxTxt.length - 1);
        }
        $('#' + $(this).data('for')).data('box', checkBoxBuf).val(checkBoxTxt);
        // $('#' + $(this).data('for')).data('box', checkBoxBuf);
        // $('#' + $(this).data('for')).val(checkBoxTxt);
        //链式函数
    });

    /* 打开页面时隐藏报警参数页面 */
    alertPreferences.hide();
    alertPreferences.find("input").bind("focus", function () {
        addWrapper.hide();
        bjMenu1.hide();
    }).bind("blur", function () {
        addWrapper.show();
        bjMenu1.show();
    });
    alertPhone.hide();

    /* 切换报警设置的页面 */
    bjMenu1.on("click", 'li', function () {
        bjMenu1.find('li').removeClass('active');
        $("#dh").hide();
        $(this).addClass("active");
        if ($(this).data('show') == "alertPhone") {
            addButton.addClass("emerge");
            addWrapper.show();
        } else if($(this).data('show') == "alarmContent") {
            addButton.removeClass("emerge");
            addWrapper.hide();
            $("#dh").show();
            alertPhone.hide();
        }else{
        	 addButton.removeClass("emerge");
             addWrapper.hide();
             alertPhone.hide();
        }

        $('#alarmSet').find('.wrapper').hide();
        $('#' + $(this).data('show')).show();
    });
    //模拟服务器端获得的联系人数据
    var sjhm = $("#sjhm").val().split("#");
    var sjbz = $("#sjbz").val().split("#");
    var collection = [];
    for ( i = 0; i < sjhm.length; i++) {
    	collection[i] = {
    			"id": i+1,
                "phoneNumber": sjhm[i],
                "tips": sjhm.length <= sjbz.length ? sjbz[i] : ""
    	};
    }
    var bjConnects = {
        "attribute": "contacts",
        "belong": "hkbj",
        "collection": collection,
        "RW": true
    };

    addButton.on("click",function () {
        if (phone.find("dl").length < 3) {
        	var outerDl = $("<dl class='dl-horizontal'>" +
                "<dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'><input type='number' name='sj'></dd>" +
                "<dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'><input type='text' name='bz' maxlength='100'></dd>" +
                "<dd class='col-xs-2 col-sm-2 col-md-2 col-lg-2'>" +
                "<span class='glyphicon glyphicon-ok'></span>" +
                "</dd>" +
        			"</dl>");
            phone.append(outerDl);
            outerDl.find("input").bind("focus", function () {
                addWrapper.hide();
                bjMenu1.hide();
            }).bind("blur", function () {
                addWrapper.show();
                bjMenu1.show();
            });
        } else {
            haifm.alertBanner.riseAlert(false,3000,"最多只能保存3条");
        }
    });

    //初始化写入报警联系人信息
    $.each(bjConnects.collection, function (i, col) {
        var outerDl = $("<dl class='dl-horizontal'>" +
            "<dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'><input type='text' name='sj'></dd>" +
            "<dd class='col-xs-5 col-sm-5 col-md-5 col-lg-5'><input type='text' name='bz' maxlength='100'></dd>" +
            "<dd class='col-xs-2 col-sm-2 col-md-2 col-lg-2'>" +
            "<span class='glyphicon glyphicon-trash'></span>" +
            "</dd>" +
        	"</dl>");
        $(outerDl.find("input")[0]).val(col.phoneNumber);
        $(outerDl.find("input")[1]).val(col.tips);
        phone.append(outerDl);
        outerDl.find("input").bind("focus", function () {
            addWrapper.hide();
            bjMenu1.hide();
        }).bind("blur", function () {
            addWrapper.show();
            bjMenu1.show();
        });
    });

    $(".Phone1").on("click", ".glyphicon-trash", function () {
        $(this).parent().parent().remove();
    }).on("click", ".glyphicon-ok", function () {
        $(this).removeClass("glyphicon-ok").addClass("glyphicon-trash");
    });
    
    /**
     * 拖拽
     */
    var block = document.getElementById("tb");
    var oW,oH;
    // 绑定touchstart事件
    block.addEventListener("touchstart", function(e) {
     	var touches = e.touches[0];
     	oW = touches.clientX - block.offsetLeft;
     	oH = touches.clientY - block.offsetTop;
     	//阻止页面的滑动默认事件
     	document.addEventListener("touchmove",defaultEvent,false);
    },false);
    // 绑定touchmove事件
    block.addEventListener("touchmove", function(e) {
    	var touches = e.touches[0];
    	var oLeft = touches.clientX - oW;
    	var oTop = touches.clientY - oH;
    	//左右碰界判断
    	if(oLeft < 0) {
    		oLeft = 0;
    	}else if(oLeft > document.documentElement.clientWidth - block.offsetWidth) {
    		oLeft = (document.documentElement.clientWidth - block.offsetWidth);
    	}
    	//上下碰界判断
    	if(oTop < 0) {
    		oTop = 0;
    	}else if(oTop > document.documentElement.clientHeight - block.offsetHeight) {
    		oTop = (document.documentElement.clientHeight - block.offsetHeight);
    	}
     	block.style.left = oLeft + "px";
     	block.style.top = oTop + "px";
    },false);
    // 绑定touchend事件
    block.addEventListener("touchend",function() {
    	document.removeEventListener("touchmove",defaultEvent,false);
    },false);
    
    /**
     * 同步事件
     */
    /* 弹出修改删除框*/
	$("#tb").on("click",function(){
	  	$(".xgmsgbox").show(showOverlay());
	  	 mScrol2.refresh();
	});
	//点击td选中input
	$(".listcenter>li,.checkBox").on("click",function (e) {
		if (e && e.stopPropagation) { 
			e.stopPropagation();
		} else {
			window.event.cancelBubble = true;
		}
		if ($(this).find("input[type='checkbox']").is(":checked")) {
			$(this).find("input[type='checkbox']").removeAttr("checked");
		} else {
			$(this).find("input[type='checkbox']").prop("checked", true);
		}
	});
	/* 点击遮罩层或者取消按钮隐藏弹出框*/
    $("#overlay,.qx,qd").on("click",function(){
    	$(".xgmsgbox").hide(hideOverlay());
  	});
    //touchmove的阻止浏览器或者屏幕滚动默认事件
	document.addEventListener('touchmove', defaultEvent, false);
});
function defaultEvent(e) {
	e.preventDefault();
}
/**
 * 返回
 */
function bjcsBackUrl() {
    var zsid = $("#zsid").val();
    var zsbz = $("#zsbz").val();
    if (zsbz == "2") {
    	haifm.loadMobilePage("haifm", "mcZsHjkzView.htm?zsid=" + zsid + "&from=zslist");
    } else {
    	haifm.loadMobilePage("haifm", "mcZsView.htm?zsid=" + zsid + "&from=zslist");
    }
}

/**
 * 保存
 */
function savebjcs(msg) {
	var data = {};
	var jqid = $("#jqid").val();
	var obj = document.getElementsByName("checkBox");
	var s= $("#zsid").val()+",";
	for(var i = 0 ; i < obj.length ; i++){
		if	(obj[i].checked) {
			s += obj[i].value+',';
		}
	}
	
	if (!$("#alarmContent").is(":hidden")) {
		var bjpzsl = $("#bjpzsl").val();
		var flag = "1";
		if ($("#type").val() == "flz") {
			flag = "4";
		}
	    if (bjpzsl == "") {
	        alert("报警数量为空！");
	        return;
	    }
	    var bjpznr = bjpznrStr();
	   console.log(bjpznr);
	    data = {
	            "jqid": jqid,
	            "bjpzsl": bjpzsl,
	            "bjpznr": bjpznr,
	            "type" : flag,
	            "zsids" :s,
	            "zsid" : $("#zsid").val()
	    };
	}
    if (!$("#alertPreferences").is(":hidden")) {
   
    	var igwbjz=parseInt($("#gwbjz").val());
    	var idwbjz=parseInt($("#dwbjz").val());
  
    	if( $("#gwbjz").val() != "" && $("#dwbjz").val() != "" && igwbjz <= idwbjz ) {
    		alert("高温报警值必须高于低温报警值！");
    		return;
    	}
		data = {
				"jqid": jqid,
				"pzjqid": $("#pzjqid").val(),
                "gwbjz": $("#gwbjz").val(),
                "dwbjz": $("#dwbjz").val(),
                "wcbjz": $("#wcbjz").val(),
                "gsbjz": $("#gsbjz").val(),
                "gabjz": $("#gabjz").val(),
                "type" : "2",
                "zsids" :s,
                "zsid" : $("#zsid").val()
    		};
    
    }
    if (!$("#alertPhone").is(":hidden")) {
    	var sj = $("input[name='sj']");
    	var bz = $("input[name='bz']");
    	var sjhm = "";
    	var sjbz = "";
    	for (var i = 0; i < sj.length; i++) {
    		if (sj.eq(i).val() == "" || !/^1[34578]\d{9}$/.test(sj.eq(i).val())) {
    			alert("手机号码格式不正常");
    			return;
    		}
    		sjhm += sj.eq(i).val() + "#";
    		sjbz += bz.eq(i).val() + "#";
    	}
    	if (sjhm != "") {
    		sjhm = sjhm.substring(0, sjhm.length - 1);
    	}
    	if (sjbz != "") {
    		sjbz = sjbz.substring(0, sjbz.length - 1);
    	}
    	var bjqsj = $("#bjqsjhm").val();
    	var bjqbz = $("#bjqsjbz").val();
    	if (bjqsj != "" && !/^1[34578]\d{9}$/.test(bjqsj)) {
    		alert("手机号码格式不正常");
			return;
    	}
    	data = {
    			"sjjqid": $("#sjjqid").val(),
    			"jqid": jqid,
    			"sjhm" : sjhm,
    			"sjbz" : sjbz,
    			"type" : "3",
    			"zsids" :s,
    			"zsid" : $("#zsid").val(),
    			"bjqsj" : bjqsj,
    			"bjqbz" : bjqbz
    	};
    }
    jQuery.ajax({
        url: "saveHjkzBjcs.htm",
        dataType: 'json',
        type: 'post',
        cache: false,
        data: data,
        success: function (data) {
            //data.returnCode
    	if (data.count == 1) {
    		 alert("该栏舍下无设备配置。请先新建");
    	} else {
	    	if (msg == 'bc') {
	    		haifm.alertBanner.riseAlert(data.returnCode, 4000,"保存成功");
	       	}else {
	       		haifm.alertBanner.riseAlert(data.returnCode, 4000,"同步成功");
	       	}
      	  		$(".xgmsgbox").hide(hideOverlay());
    		}
    	},
        error: function (data) {
            alert("系统运行异常！保存失败！");
        }
    });
}


/**
 * 字符串封装
 */
var bjpznrStr = function () {
    var bjpzsl = parseInt($("#bjpzsl").val());
    var str = "";
    var bjjbtb = $('#alarmContent').find("span.glyphicon-alert");

    for (var i = 1; i < bjpzsl + 1; i++) {
        var lxid = $("#lxid" + i).val();
        var bjjb = bjjbtb.eq(i - 1).data("degree");
        str += lxid + "-";
        if (bjjb != "" && bjjb != "0") {
            str += "2" + "-" + bjjb + "-";
        } else {
            str += "1" + "-1-";
        }
        var xwkgtx = $("#xwkgtxt" + i).data("box");
        if (xwkgtx == undefined) {
        	xwkgtx = 0;
        } else {
        	if (xwkgtx.length == 4) {
        		xwkgtx = $("#xwkgtxt" + i).data("box").substring(0, 3) + "22" + $("#xwkgtxt" + i).data("box").substring(3);
        	}
        }
        str += xwkgtx;
        if (i != bjpzsl) {
            str += "#";
        }
    }
    console.log(str);
    return str;
};

/* 显示遮罩层 */
function showOverlay(){
    $("#overlay").height(pageHeight());
    $("#overlay").width(pageWidth());

    // fadeTo第一个参数为速度，第二个为透明度
    // 多重方式控制透明度，保证兼容性，但也带来修改麻烦的问题
    $("#overlay").fadeTo(200, 0.5);
};

/* 隐藏覆盖层 */
function hideOverlay(){
    $("#overlay").fadeOut(200);
};

/* 当前页面高度 */
function pageHeight(){
    return document.body.scrollHeight;
};

/* 当前页面宽度 */
function pageWidth(){
    return document.body.scrollWidth;
};