if(typeof(MEC_NS) == 'undefined'){
	MEC_NS = {};
}

MEC_NS.Tab = function(type, id, mecJson){
	this.type = type;
	if(!id){
		id = new UUID().toString();
	}
	this.id = id;
	if(!mecJson){
		mecJson = this.getDefaultMecJson();
	}
	this.mecJson = mecJson;
};

/*获取id。 必需的方法*/
MEC_NS.Tab.prototype.getID = function(){
	return this.id;
};

MEC_NS.Tab.prototype.runWhenPageOnLoad = function(){
	this.afterDesignHtmlBuild();
};

/*获取设计的html， 页面上怎么显示控件完全依赖于此方法。 必需的方法*/
MEC_NS.Tab.prototype.getDesignHtml = function(){
	return getDesignHtml(this);
};

MEC_NS.Tab.prototype.afterDesignHtmlBuild = function(){
	var deferred = $.Deferred();
	var deferreds = [];
	var theId = this.id;
	var tabs = this.mecJson.tabMecMaps || [];

	var plugins = ['chart', 'qrcode', 'amap', 'slide', 'weather', 'countdown', 'calendar', 'useravatar', 'noticebar'].join('|');
	var regExp = new RegExp('(' + plugins + ')', 'gi')

	tabs.forEach(function (tab, i) {
		var mecHandlerIDs = JSON.parse(JSON.stringify(tab.mecHandlerIDs));

		if (!mecHandlerIDs.length) return;

		mecHandlerIDs.forEach(function (m_id, j) {
			var mecHandlerid = m_id.mecHandlerid;
			var $movedAbbr = $('#content_editor').parent().find("abbr[id='" + mecHandlerid + "']");
			var $panel = $("#" + theId).find(".wev-tab-panel").eq(i);
			var $box = $("<div></div>");
			var loseMecHandler = MECHandlerPool.getHandler(mecHandlerid);

			if (!loseMecHandler) {  // 将复制的tab子项中的不能粘贴的唯一插件的id 去除，
				tab.mecHandlerIDs.splice(j, 1);
				return ;
			};

			var type = loseMecHandler.type.toLowerCase();
			var matchs = type.match(regExp);

			$panel.append($box);
			if($movedAbbr.length > 0) {
				$box.append($movedAbbr.clone());
				$movedAbbr.remove();
			
				if (matchs && matchs.length) {
					refreshMecDesign(mecHandlerid, true);
				}
				return;
			}
			
			var d = loseMecHandler.getDesignHtml().then(function (html) {
				var $abbr = createMecDesignObj(loseMecHandler, html);
				var isHidden = $panel.hasClass('wev-tabpanel-hidden');
				
				$box.append($abbr);
				
				if (matchs && matchs.length) {
					if(!isHidden) {
						refreshMecDesign(mecHandlerid, true);
					} else {
						$abbr.data('render', false);
					}
				}
			});

			deferreds.push(d);
		});
	});
	var $abbr = $("#" + theId);
	$abbr.off("click", ".wev-tab-nav")
		.on("click", ".wev-tab-nav", function (e) {
			var selectedCls = "wev-tab-selected";
			var hideCls = "wev-tabpanel-hidden";
			var index = $(this).index();
			var $parents = $(this).parents('abbr');
			var id = $($parents[0]).attr('id');

			$(this).addClass(selectedCls).siblings().removeClass(selectedCls);
			$('#'+id).find(".wev-tab-panel").eq(index).removeClass(hideCls).siblings().addClass(hideCls);
			!e.isTrigger && $("#MADTab_" + id).find(".tab-slide").eq(index).trigger("click").find("input").focus();
			tabs[index].mecHandlerIDs.forEach(function(m) {
				var mecHandlerid = m.mecHandlerid;
				var $abbr = $("#MEC_Design_Container abbr[id='" + mecHandlerid + "']");
				
				if(!$abbr.length) return;
				
				var mecHandler = MECHandlerPool.getHandler(mecHandlerid);
				var type = mecHandler.type.toLowerCase();

				var matchs = type.match(regExp);
				if (matchs && matchs.length && $abbr.data('render') === false) {
					$abbr.data('render', true);
					refreshMecDesign(mecHandlerid, true);
				}
			});
		});
	$abbr.find(">.wev-comp-Tab").off("click", ".del_btn") // 排除tab插件自身的del按钮
		.on("click", ".del_btn", function () {
			var $abbrs = $(this).parents("abbr");
			var mecId = $abbrs.eq(0).attr("id");
			var tabId = $abbrs.eq(1).attr("id");
			var tabIndex = $abbrs.eq(1).find(".wev-tab-selected").index();
			var currTabPanelId = tabs[tabIndex].tabID;

			MADTab_DelTabMec(mecId, currTabPanelId, tabId);
		});
	
	var tab_slide_index = $("#MADTab_" + theId).find('.MADTab_Customdetail_Name .selected').index();
	var $D_AttrDlg = $("#MAD_"+theId);
	
	if ($D_AttrDlg.length && !$D_AttrDlg.is(":hidden")) {
		$abbr.find('.wev-tab-nav').eq(tab_slide_index).trigger("click");//tab显示页与右侧设置面板一致
	}
	
	$.when.apply(null, deferreds).then(function() {
		deferred.resolve();
	});

	return deferred;
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.Tab.prototype.getAttrDlgHtml = function(){
	var theId = this.id;
	var htm = "<div id=\"MADTab_"+theId+"\">"
				+ "<div class=\"title\">"
				+ SystemEnv.getHtmlNoteName(4356)  //Tab页信息
				+ "</div>"
				+ "<div class=\"form-group\">"
					+ "<div class=\"detail MADTab_Customdetail\" style=\"position:relative;margin-bottom:10px;\">"
						+ "<div class=\"tab-container\" style='position:relative;'><ul class=\"MADTab_Customdetail_Name tab-wrapper\"></ul></div>"
					+ "</div>"
					+ "<div title=\""+SystemEnv.getHtmlNoteName(4357)+"\" class=\"addtab-btn add-before\" onclick=\"MADTab_CreateTabCustomdetail('"+theId+"');\"></div>"
				+ "</div>"
				+ "<div class=\"form-group\">"
					+ "<div class=\"row\">"
						+ "<span class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(4129)+"</span>"  //延迟加载：
						+ "<div class=\"col-m-8\"><input type=\"checkbox\" id=\"tabLazyLoad_"+theId+"\"/></div>"
					+ "</div>"
				+ "</div>"
				+ "<div class=\"bottom MADTab_Bottom\">"
					+ "<div class=\"save-btn MADTab_SaveBtn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(4114)+"</div>"  //确&nbsp;定
				+ "</div>";
			+ "</div>"
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.Tab.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var tabMecMaps = this.mecJson["tabMecMaps"];
    var mecHandler = MECHandlerPool.getHandler(theId);
	var tab_nav_index = $("#NMEC_" + theId).find('.wev-tab-title .wev-tab-selected').index();
	if(!tabMecMaps){
		tabMecMaps = [];
	}
	
	for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
		MADTab_AddTabToPage(theId, tabMecMaps[i]);
		MADL_AddMecsToTab(theId, tabMecMaps[i]["tabID"], tabMecMaps[i]["mecHandlerIDs"]);
	}
	var $selectedTabLi = $("#tabContainer"+theId+" > .tabTitle > ul > li.selected");
	if($selectedTabLi.length > 0){
		var tabid = $selectedTabLi.attr("detailid");
		var $attrContainer = $("#MADTab_"+theId);
		var $MADTab_Customdetail_Name = $(".MADTab_Customdetail_Name", $attrContainer);
		$(".tabLi", $MADTab_Customdetail_Name).removeClass("selected");
		$(".tabLi[detailid='"+tabid+"']", $MADTab_Customdetail_Name).addClass("selected");
	}
	var lazyLoad = Mec_FiexdUndefinedVal(this.mecJson["tabLazyLoad"], "1");
	if(lazyLoad == "1"){
		$("#tabLazyLoad_"+theId).checked();
	}
	if(tabMecMaps.length == 0){
		MADTab_CreateTabCustomdetail(theId);
	}else{
		setTimeout(function() {
			MADDab_calculateAddBtnPosition(theId);//如果tab不为空，计算添加按钮的位置
		}, 30);
	}
	$("#MADTab_"+theId).checkbox();
	$("#MADTab_" + theId).find(".tab-slide").eq(tab_nav_index).trigger("click");//tab设置面板tab显示页与控件tab显示一致
	require(["scroll"], function(Scroll) {
		new Scroll($(".tab-container", $("#MADTab_"+theId)), {
			suppressScrollX: false,
			suppressScrollY: true,
			theme: "lighter"
		});
	});
	$('ul.tab-wrapper').sortable({
		revert: false,
		axis: "x",
        items: "li",
        handler: ".bemove",
        update: function(){
            mecHandler.autobind.update();
        }
	});
};

/*获取JSON*/
MEC_NS.Tab.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADTab_"+theId);
	if($attrContainer.length > 0){
		var tabMecMaps = [];
		
		var $tabLi = $(".MADTab_Customdetail_Name .tabLi", $attrContainer);
		$tabLi.each(function(){
			var tabID = $(this).attr("detailid");
			var tabName = MLanguage.getValue($(".MADTab_Text", $(this)));
			
			var mecHandlerIDs = [];
			var $contentEntry = $(".MADTab_Customdetail_Content_Entry[detailid='"+tabID+"']");
			var $mecLi = $("ul#Mecs_"+tabID+" li", $contentEntry);
			$mecLi.each(function(){
				var m = {};
				var mecid = $(this).attr("id").substring(4);//mec_11111.....
				m["mecHandlerid"] = mecid;
				mecHandlerIDs.push(m);
			});
			
			var t = {};
			t["tabID"] = tabID;
			t["tabName"] = tabName;
			t["mecHandlerIDs"] = mecHandlerIDs;
			t["isremind"] = $("input[name='isremind']", $contentEntry).is(':checked') ? "1" : "0";
			t["remindtype"] = $("input[name='remindtype']", $contentEntry).val();
            t["remindsql"] = $("input[name='remindsql']", $contentEntry).val();
            t["reminddatasource"] = $("input[name='reminddatasource']", $contentEntry).val();
            t["remindjavafilename"] = $("input[name='remindjavafilename']", $contentEntry).val();
            t["remindapiconfig"] = $("input[name='remindapiconfig']", $contentEntry).val();

            tabMecMaps.push(t);
		});
		
		$(".MADTab_Customdetail_Content_Entry", $attrContainer).each(function(){
		    var $contentEntry = $(this);
		    
		});
		
		this.mecJson["tabMecMaps"] = tabMecMaps;
		this.mecJson["tabLazyLoad"] = $("#tabLazyLoad_"+theId).is(':checked') ? "1" : "0";
	}
	return this.mecJson;
};

MEC_NS.Tab.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	var defMecJson = {};
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;
	
	defMecJson["tabMecMaps"] = [{
		mecHandlerIDs: [],
		tabID: new UUID().toString(),
		tabName: "Tab1"
	}, {
		mecHandlerIDs: [],
		tabID: new UUID().toString(),
		tabName: "Tab2"
	}, {
		mecHandlerIDs: [],
		tabID: new UUID().toString(),
		tabName: "Tab3"
	}];
	
	return defMecJson;
};

MEC_NS.Tab.prototype.getCopyMecJson = function(mecJson) {
	if (mecJson.tabMecMaps) {
		mecJson.tabMecMaps.map(function (tab) {
			tab.tabID = new UUID().toString();
		});
	}
};

MEC_NS.Tab.prototype.mappingChildrenIds = function (mecJson, children) {
	var tabMecMaps = mecJson.tabMecMaps;
	var childIndex = 0;

	tabMecMaps.forEach(function (tabCont) {
		tabCont.mecHandlerIDs.forEach(function (tabMec) {
			tabMec.mecHandlerid = children[childIndex].id;
			childIndex++;
		});
	});
};

MEC_NS.Tab.prototype.getChildrenIds = function() {
	var mecJson = this.getMecJson();
	var childrenIds = [];

	mecJson.tabMecMaps.forEach(function (tabMec) {
		tabMec.mecHandlerIDs.forEach(function (childMec) {
			childrenIds.push(childMec.mecHandlerid);
		});
	});

  	return childrenIds;
};

MEC_NS.Tab.prototype.showErrorTip = function(){
	var theId = this.id;
	var tabMecMaps = this.mecJson["tabMecMaps"];
	var isShowError = false;
	var _u = require('utils');
	var errorIndex = -1;

	for (var i = 0; tabMecMaps && i < tabMecMaps.length; i++) {
		if (isShowError) {
			break;
		}
		var mecHandlerIDs = tabMecMaps[i]["mecHandlerIDs"];
		for (var j = 0; j < mecHandlerIDs.length; j++) {
			var mecHandler = MECHandlerPool.getHandler(mecHandlerIDs[j]["mecHandlerid"]);

			if (!mecHandler.validate) return;

			var result = mecHandler.validate();

			if ((_u.isBoolean(result) && !result) || (_u.isObject(result) && !result.isValid)) {
				errorIndex = i;
				isShowError = true;
				var $mecTab = $('#' + theId);
				var $attrTab = $("#MADTab_" + theId);
				var $currMecTab = $mecTab.find(".wev-tab-nav").eq(i);
				var $currMecContent = $mecTab.find(".wev-tab-panel").eq(i);
				var $currAttrTab = $attrTab.find(".tab-slide").eq(i);
				var $currAttrContent = $attrTab.find(".entry").eq(i);

				if (!$currMecTab.hasClass('wev-tab-selected')) {
					$currMecTab.addClass('wev-tab-selected').siblings().removeClass('wev-tab-selected');
					$currMecContent.removeClass('wev-tabpanel-hidden').siblings().addClass('wev-tabpanel-hidden');
				}
				if (!$currAttrTab.hasClass('selected')) {
					$currAttrTab.addClass('selected').siblings().removeClass('selected');
					$currAttrContent.addClass('selected').siblings().removeClass('selected');
				}
			}
		}
	}
	return errorIndex;
}

function MADL_FormatValue2Json(v){
	return v == "" ? {} : $.parseJSON(v);
}

function MADL_FormatJson2Value(jsonObj){
	return $.isEmptyObject(jsonObj) ? "" : JSON.stringify(jsonObj);
}

function MADTab_AddTabToPage(mec_id, result, slideTo){
    var $attrContainer = $("#MADTab_"+mec_id);
	var $MADTab_Customdetail = $(".MADTab_Customdetail", $attrContainer);
	var $MADTab_Customdetail_Name = $(".MADTab_Customdetail_Name", $MADTab_Customdetail);
	var $MADTab_Customdetail_Content = $(".MADTab_Customdetail_Content", $MADTab_Customdetail);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	if($MADTab_Customdetail_Content.length==0){
		$MADTab_Customdetail_Content = $("<div class=\"tab-content MADTab_Customdetail_Content\"></div>");
		$MADTab_Customdetail.append($MADTab_Customdetail_Content);
	}

	$(".tabLi", $MADTab_Customdetail_Name).removeClass("selected");

	var index = $("li",$MADTab_Customdetail_Name).length;

	$MADTab_Customdetail_Name.append('<li class="tabLi tab-slide selected" detailid="'+result["tabID"]+'">'
		   + '<div class="bemove" style="display: inline-block;"></div>'
	       + '<input id="tabName_'+result["tabID"]+'" data-autobind="tabMecMaps.'+ index +'.tabName" class="MADTab_Text" onfocus="this.select();" placeholder="'+SystemEnv.getHtmlNoteName(4358)+'" '+MLanguage.ATTR+'/>'
	       + '<div class="del-before delFlag" onclick="MADTab_DelTab(\''+result["tabID"]+'\',\''+mec_id+'\');"></div>'
	   +'</li>');  //输入名称
	
	$(".MADTab_Customdetail_Content_Entry", $MADTab_Customdetail_Content).removeClass("selected");
	var $Entry = $("<div class=\"entry MADTab_Customdetail_Content_Entry  selected\" detailid=\""+result["tabID"]+"\"></div>");
	var entryHtml = '<input type="hidden" name="detailid" value="'+result["tabID"]+'" />'
	              + '<div class="row label" style="margin-top: 10px;">'
                        + '<div class="col-3">'+SystemEnv.getHtmlNoteName(5482)+'</div>'//提示：
                    	+ '<div class="col-9" style="position:relative;">'
                        	+ '<input name="isremind" type="checkbox" value="1" onclick="MADTab_IsremindChange(this);"/>'
                            + '<input type="hidden" name="remindtype"/>'
                            + '<input type="hidden" name="remindsql"/>'
                            + '<input type="hidden" name="reminddatasource"/>'
                            + '<input type="hidden" name="remindjavafilename"/>'
                            + '<input type="hidden" name="remindapiconfig"/>'
                            + '<div class="numremindEditFlag" style="position:absolute;top:-14px;" onclick="MADTab_NumremindEdit(this);"></div>'
                        + '</div>'
                    + '</div>'
                    + '<div class="row label" style="margin-top: 10px;">'
                        +'<div class="col-3">'+SystemEnv.getHtmlNoteName(4359)+'</div>'//Tab页显示内容：
                        +'<div class="col-9 add-before" style="cursor:auto;">'
                            +'<div class="tabContent_root_add" style="display:inline-block;cursor:pointer;">'+SystemEnv.getHtmlNoteName(4360)+'</div>'//添加内容
                        +'</div>'
                    +'</div>'
                    +'<div id="tabMenus_'+result["tabID"]+'" class="menus MADTab_menus" style="top:90px;">'
                        +'<ul><li><a href="javascript:selectFromMECHandlerPool(\''+result["tabID"]+'\', \''+mec_id+'\');">'+SystemEnv.getHtmlNoteName(4361)+'</a></li>'//从页面中选择
                        +'<li><a href="javascript:createNewMecToTab(\''+result["tabID"]+'\',\''+mec_id+'\');">'+SystemEnv.getHtmlNoteName(4362)+'</a></li></ul>'//新建一个
                    +'</div>';
	$Entry.append(entryHtml);
	$MADTab_Customdetail_Content.append($Entry);
	
	var isremind = Mec_FiexdUndefinedVal(result["isremind"]);
    if(isremind == "1"){
        var $isremind = $("input[name='isremind']", $Entry);
        $isremind.attr("checked","checked");
        MADTab_IsremindChange($isremind[0]);
    }
    $("input[name='remindtype']", $Entry).val(Mec_FiexdUndefinedVal(result["remindtype"]));
    $("input[name='remindsql']", $Entry).val(Mec_FiexdUndefinedVal(result["remindsql"]));
    $("input[name='reminddatasource']", $Entry).val(Mec_FiexdUndefinedVal(result["reminddatasource"]));
    $("input[name='remindjavafilename']", $Entry).val(Mec_FiexdUndefinedVal(result["remindjavafilename"]));
    $("input[name='remindapiconfig']", $Entry).val(Mec_FiexdUndefinedVal(result["remindapiconfig"]));
	
    $Entry.checkbox({
		onClick: function () {
			mecHandler.autobind.update();
		}
	});
    
	$(".tabContent_root_add",$MADTab_Customdetail_Content).click(function(event){
		if(!$("#tabMenus_"+result["tabID"]).hasClass("selected")){
			$(this).addClass("selected");
			$("#tabMenus_"+result["tabID"]).addClass("selected");
			$("#tabMenus_"+result["tabID"]).show();
		}else{
			$(this).removeClass("selected");
			$("#tabMenus_"+result["tabID"]).removeClass("selected");
			$("#tabMenus_"+result["tabID"]).hide();
		}
		event.stopPropagation()
	});
	
	$("li",$MADTab_Customdetail_Name).click(function(e){
		var $tab = $(this);
		
		if ($tab.hasClass("selected")) return;

		$tab.siblings(".selected").removeClass("selected");
		$tab.addClass("selected");
		
		var detailid = $(this).attr("detailid");
		var $Content = $(this).parent().parent().siblings(".MADTab_Customdetail_Content");
		var index = $tab.index();
		$(".MADTab_Customdetail_Content_Entry", $Content).removeClass("selected");
		$(".MADTab_Customdetail_Content_Entry[detailid='" + detailid + "']", $Content).addClass("selected");
		!e.isTrigger && $("#" + mec_id).find(".wev-tab-nav").eq(index).trigger("click");
	});
	
	$attrContainer.click(function(){
		 $(".MADTab_menus").each(function(){
			if($(this).hasClass("selected")){
				$(".MADTab_menus").removeClass("selected");
				$(".tabContent_root_add").removeClass("selected");
				$(".MADTab_menus").hide();
			}
		 });
	});
	MLanguage.setValue($("#tabName_" + result.tabID, $MADTab_Customdetail_Name), result["tabName"]);
	$MADTab_Customdetail_Name.MLanguage();
}

function MADTab_IsremindChange(obj){
    setTimeout(function(){  //checkbox用了插件，不延时checkbox的checked状态获取不准确
        var $numremindEditFlag = $(obj).closest(".row").find(".numremindEditFlag");
        if(obj.checked){
            $numremindEditFlag.show();
        }else{
            $numremindEditFlag.hide();
        }
    },100);
}

function MADTab_NumremindEdit(obj){
    var $remindtype = $(obj).siblings("input[name='remindtype']");
    var $remindsql = $(obj).siblings("input[name='remindsql']");
    var $reminddatasource = $(obj).siblings("input[name='reminddatasource']");
    var $remindjavafilename = $(obj).siblings("input[name='remindjavafilename']");
    var $remindapiconfig = $(obj).siblings("input[name='remindapiconfig']");
    
    var remindtypeV = $remindtype.val();
    
    var remindsqlV = $remindsql.val();
    remindsqlV = $m_encrypt(remindsqlV);// 系统安全编码
    
    var reminddatasourceV = $reminddatasource.val();
    var remindjavafilenameV = $remindjavafilename.val();
    
    var remindapiconfigV = compressByLZ($remindapiconfig.val());
    
    var url = "/mobilemode/admin/dialog/numremind.jsp?remindtype="+remindtypeV+"&remindsql="+remindsqlV+"&reminddatasource="+reminddatasourceV+"&remindjavafilename="+remindjavafilenameV+"&remindapiconfig="+remindapiconfigV;
    var dlg = top.createTopDialog();//获取Dialog对象
    dlg.Model = true;
    dlg.Width = 500;//定义长度
    dlg.normalDialog = false;
    dlg.Height = 255;
    dlg.URL = url;
    dlg.Title = SystemEnv.getHtmlNoteName(4116);  //数字提醒
    dlg.show();
    dlg.hookFn = function(result){
        $remindtype.val(result["remindtype"]);
        $remindsql.val(result["remindsql"]);
        $reminddatasource.val(result["reminddatasource"]);
        $remindjavafilename.val(result["remindjavafilename"]);
        $remindapiconfig.val(result["remindapiconfig"]);
    };
}

function MADTab_CreateTabCustomdetail(mec_id){
	var result = {};
	var id = new UUID().toString();
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	result["tabID"] = id;
	result["tabName"] = "";
	result["mecHandlerIDs"] = [];
	
	MADTab_AddTabToPage(mec_id,result,true);
	
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var tabMecMaps = mecHandler.mecJson["tabMecMaps"];
	if(!tabMecMaps){
		tabMecMaps = [];
		mecHandler.mecJson["tabMecMaps"] = tabMecMaps;
	}
	tabMecMaps.push(result);
	setTimeout(function(){
		MADDab_calculateAddBtnPosition(mec_id);
		mecHandler.autobind.update();
	},30);
}

function MADDab_calculateAddBtnPosition(mec_id){
	var $attrContainer = $("#MADTab_"+mec_id);
	$(".tab-wrapper li", $attrContainer).css("padding-right", "3px");
	$(".tab-wrapper li .delFlag", $attrContainer).css("right", "-3px");
	var wrapperWidth = $(".tab-wrapper", $attrContainer).width();
	var $tabcontainer = $(".tab-container", $attrContainer);
	var containerWidth = $tabcontainer.width();
	if(wrapperWidth > containerWidth){
		$(".addtab-btn", $attrContainer).css({"left":"auto","right":0});
	}else{
		$(".addtab-btn", $attrContainer).css("left",wrapperWidth + 2);
	}
	$tabcontainer[0].scrollLeft = $tabcontainer[0].scrollWidth;
}

function MADL_AddMecsToTab(mec_id, tabID, mecHandlerIDs){
	if(mecHandlerIDs.length>0){
		var $container = $("#MADTab_" + mec_id);
		var $currentTab = $(".MADTab_Customdetail_Content_Entry[detailid='"+tabID+"']", $container);
		var $Entry = $("#Mecs_"+tabID,$currentTab);
		var entryLength = $Entry.length;
		if($Entry.length==0){
			$Entry = $("<ul class=\"mecs-control MADTab_Mecs\" id=\"Mecs_"+tabID+"\"></ul>");
		}
		for(var i = 0; i < mecHandlerIDs.length; i++){
			var m_id = mecHandlerIDs[i];
			var mecHandlerid = m_id["mecHandlerid"];
			var mecHandler = MECHandlerPool.getHandler(mecHandlerid);
			if(!mecHandler || mecHandler == -1){
				continue;
			}

			var mecType = mecHandler.type;
			var mec = require("mec");
			var pluginConfig = mec.getPluginConfigById(mecType);
			var mecText = pluginConfig["text"];
			$Entry.append("<li id=\"mec_"+mecHandlerid+"\" class=\"row\"><div class=\"col-2 bemove\"></div><div class=\"col-4 mecTextName\">"+mecText+"</div><div class=\"col-6 ellipsis mecIdName\">"+mecHandlerid+"</div><div class=\"col-2 del-after mec_del\" onclick=\"MADTab_confirmDelTabMec('"+mecHandlerid+"','"+tabID+"','"+mec_id+"');\"></div></li>");
		}
		$currentTab.append($Entry);
		var mecHandler = MECHandlerPool.getHandler(mec_id);
		if(entryLength == 0){
			$Entry.sortable({
				revert: false,
				axis: "y",
				items: "li",
				handle: ".bemove",
				update: function(){
					mecHandler.autobind.update();
				}
			});
		}
	}
}

function MADL_AddMecsToTabMecJson(mec_id, tabID, mecHandlerIDs){
	$(".Design_MecHandler_Curr").removeClass("Design_MecHandler_Curr");
	var $currentTab = $("#" + mec_id);
	$currentTab.addClass("Design_MecHandler_Curr");
	$currentTab.trigger("click");
	
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var tabMecMaps = mecHandler.mecJson["tabMecMaps"];
	var flag = false;
	if(!tabMecMaps){
		tabMecMaps = [];
		mecHandler.mecJson["tabMecMaps"] = tabMecMaps;
	}
	for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
		if(tabMecMaps[i]["tabID"] == tabID){
			tabMecMaps[i]["mecHandlerIDs"] = mecHandlerIDs;
			flag = true;
		}
	}
	if(!flag){
		var result = {};
		result["tabID"] = tabID;
		result["tabName"] = "";
		result["mecHandlerIDs"] = mecHandlerIDs;
		tabMecMaps.push(result);
	}
	MADL_AddMecsToTab(mec_id, tabID, mecHandlerIDs);
	refreshMecDesign(mec_id);
}

function selectFromMECHandlerPool(id,mec_id){
	$("#tabMenus_"+id).removeClass("selected");
	$(".tabContent_root_add").removeClass("selected");
	$("#tabMenus_"+id).hide();
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var tabMecMaps = [];
	MECHandlerPool.eachHandler(function(){
		if(this.type == 'Tab'){
			tabMecMaps.push.apply(tabMecMaps, this.mecJson['tabMecMaps'] || []);
		}
	});
	var htm = [];
	var mec = require("mec");
	var ids = MECHandlerPool.getSortableIds();

	var mecItem = {};
	MECHandlerPool.eachHandler(function(){
		if(this.id!=mec_id){
			var flag = false;
			for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
				var mecHandlerIDs = tabMecMaps[i]["mecHandlerIDs"];
				for(var j = 0; j < mecHandlerIDs.length; j++){
					var mecHandlerid = mecHandlerIDs[j]["mecHandlerid"];
					if(this.id==mecHandlerid){
						flag = true;
						break;
					}
				}
				if(flag){
					break;
				}
			}
			if((!flag) && this.type!='Tab'){
				var remark = mec.getPluginConfigById(this.type)['text'];
				remark += typeof(this.remark) == 'function' && this.remark() && ' ('+this.remark()+')' || '';
				remark = $('<span></span>').append(document.createTextNode(remark));
				mecItem[this.id] = $("<div class=\"mec_item\"></div>").append($("<div class=\"mec_node\" id=\""+this.id+"\"></div>").append("<em class=\"icon-plugin-default icon-plugin-"+this.type+"\"></em>").append(remark));
			}
		}
	})

	ids.forEach(function(item){
		if(mecItem[item]){
		    htm.push(mecItem[item]);
		}
	});
	var mobileModelDlg = top.createTopDialog();//定义Dialog对象
	mobileModelDlg.Model = true;
	mobileModelDlg.Width = 320;//定义长度
	mobileModelDlg.Height = 580;
	mobileModelDlg.normalDialog = false;
	if(typeof(id)=="undefined"){
		return;
	}
	eval("top.MEC_Tab_BeChoose_Html_"+id+" = htm;");
	mobileModelDlg.URL = "/mobilemode/admin/dialog/selectFromMECHandlerPool.jsp?id="+id;
	mobileModelDlg.Title = SystemEnv.getHtmlNoteName(4361);  //从页面中选择
	mobileModelDlg.show();
	mobileModelDlg.hookFn=function(result){
		var isCreate = result["isCreate"];
		var tabID = result["tabID"];
        var mecHandlerIDs = MADL_FormatValue2Json(result["mecHandlerIDs"]);
        if (isCreate) {
            createNewMecToTab(tabID, mec_id);
            top.Dialog.dialogs.reverse();//反转dialogs栈
            mobileModelDlg.close();//关闭的是栈顶的dialog
        }
        else{
            if(mecHandlerIDs.length>0){
                MADL_AddMecsToTabMecJson(mec_id, tabID, mecHandlerIDs);
            }
		}
	};
}

function createNewMecToTab(tabID,mec_id){
	$("#tabMenus_"+tabID).removeClass("selected");
	$(".tabContent_root_add").removeClass("selected");
	$("#tabMenus_"+tabID).hide();
	
	var mobileModelDlg = top.createTopDialog();//定义Dialog对象
	mobileModelDlg.Model = true;
	mobileModelDlg.Width = 635;//定义长度
	mobileModelDlg.Height = 630;
	mobileModelDlg.normalDialog = false;
	if(typeof(tabID)=="undefined"){
		return;
	}
	mobileModelDlg.URL = "/mobilemode/admin/dialog/createNewMecToTab.jsp";
	mobileModelDlg.Title = SystemEnv.getHtmlNoteName(4363);  //为Tab新建内容
	mobileModelDlg.show();
	mobileModelDlg.hookFn=function(result){
		var mecTypes = MADL_FormatValue2Json(result["mecTypes"]);
		if(mecTypes.length>0){
			var mecHandlerIDs = [];
			var c = mecTypes.length;
			for(var i = 0; mecTypes && i < mecTypes.length; i++){
				var mec_type = mecTypes[i]["mec_type"];
				
				var callbackFn = function(){
					var _mec_type = this.mec_type;
					var mecHandler = createMecHandler(_mec_type);
					var mecid = mecHandler.getID();
					var mecHandlerid = {};
					mecHandlerid["mecHandlerid"] = mecid;
					mecHandlerIDs.push(mecHandlerid);
					var _handler = function () {
						mecHandler.getDesignHtml().then(function (htm) {
							var $D_Mec = createMecDesignObj(mecHandler, htm);

							$("#MEC_Design_Container").append($D_Mec);
							$(".Design_MecHandler_Curr").removeClass("Design_MecHandler_Curr");
							$D_Mec.addClass("Design_MecHandler_Curr");
							$D_Mec.trigger("click");

							if (typeof (mecHandler.afterDesignHtmlBuild) == "function") {
								mecHandler.afterDesignHtmlBuild();
							}

							c--;
							if (c == 0) {
								MADL_AddMecsToTabMecJson(mec_id, tabID, mecHandlerIDs);
							}
						});
					};
					
					if(mecHandler.constructor.loadData) {
						mecHandler.constructor.loadData(_handler);
					} else {
						_handler();
					}
				};
				
				callbackFn.mec_type = mec_type;
				
				ResourceLoader.loadResource(mec_type, callbackFn);
				
			}
			
		}
	};
}

function MADTab_DelTab(tabID, mec_id){
	var msg = SystemEnv.getHtmlNoteName(4175);  //确定删除吗？
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	confirm(msg, function() {
		var mecHandler = MECHandlerPool.getHandler(mec_id);
		var tabMecMaps = mecHandler.mecJson["tabMecMaps"];
		var arrayObj = new Array();
		for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
			if(tabMecMaps[i]["tabID"] == tabID){
				var mIDs = tabMecMaps[i]["mecHandlerIDs"];
				for(var m = 0; m < mIDs.length; m++){
					arrayObj.push(mIDs[m]["mecHandlerid"]);
				}
			}
		}
		
		for(var i = 0; arrayObj && i < arrayObj.length; i++){
			MADTab_DelTabMec(arrayObj[i],tabID,mec_id);
		}
		
		var index = -1;
		for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
			if(tabMecMaps[i]["tabID"] == tabID){
				index = i;
				break;
			}
		}
		if(index != -1){
			tabMecMaps.splice(index, 1);
		}
		
		var $attrContainer = $("#MADTab_"+mec_id);
		$(".tabLi[detailid='"+tabID+"']", $attrContainer).remove();
		$(".MADTab_Customdetail_Content_Entry[detailid='"+tabID+"']", $attrContainer).remove();
		var $MADTab_Customdetail_Name = $(".MADTab_Customdetail_Name", "#MADTab_"+mec_id);

		if($(".tabLi", $attrContainer).length>0){
			$(".tabLi", $attrContainer)[0].click();
		}
		MADDab_calculateAddBtnPosition(mec_id);
		mecHandler.autobind.update();
	});
}

function MADTab_confirmDelTabMec(mecHandlerid,tabID,mec_id){
	var msg = SystemEnv.getHtmlNoteName(4175);  //确定删除吗？

	confirm(msg, function() {
		MADTab_DelTabMec(mecHandlerid,tabID,mec_id);	
	});
}

function MADTab_DelTabMec(mecHandlerid,tabID,mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var tabMecMaps = mecHandler.mecJson["tabMecMaps"];
	if(!tabMecMaps){
		tabMecMaps = [];
	}
	for(var i = 0; tabMecMaps && i < tabMecMaps.length; i++){
		if(tabMecMaps[i]["tabID"] == tabID){
			var mecHandlerIDs = tabMecMaps[i]["mecHandlerIDs"];
			var index = -1;
			for(var j = 0; j < mecHandlerIDs.length; j++){
				if(mecHandlerIDs[j]["mecHandlerid"] == mecHandlerid){
					var $movedAbbr = $("abbr#"+mecHandlerid, $("abbr#"+mec_id));
					var $MEC_Design_Container = $("#MEC_Design_Container");
					if($movedAbbr.length>0){
						$MEC_Design_Container.append($movedAbbr);
					}
					index = j;
					break;
				}
			}
			if(index != -1){
				mecHandlerIDs.splice(index, 1);
				var mecHandler = MECHandlerPool.getHandler(mecHandlerid);
				break;
			}
		}
	}

	$("#mec_" + mecHandlerid).remove();
}