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

MEC_NS.HoriList = function(type, id, mecJson){
	this.type = type;
	if(!id){
		id = new UUID().toString();
	}
	this.id = id;
	if(!mecJson){
		mecJson = this.getDefaultMecJson();
	}
	this.mecJson = mecJson;
    var that = this;
    require(['mec'], function(mec){
        that.remark = function(){
            return mec.remark(that.mecJson.name);
        };
    });

	if(typeof fieldPicker == 'undefined') {
		fieldPicker = require('utils').use('fieldPicker');
	}
};

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

/*加载数据*/
MEC_NS.HoriList.loadData = function(callback) {
	UrlSelectUtil.nav.loadNavItems(callback);
};

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

/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.HoriList.prototype.afterDesignHtmlBuild = function(){
	var theId = this.id;
	
	var $listBtn = $("#listsearch" + theId + " .listBtn");
	var $btns = $(".lbtn", $listBtn);
	
	if($btns.length > 0){
		var w = $listBtn.width() + 8;
		$("#listsearch" + theId + " .listHeader").css("right", w+"px");
	}
};


/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.HoriList.prototype.getAttrDlgHtml = function(){
	
	var styleL = "_style" + _userLanguage;
	var theId = this.id;
	
	var row = this.mecJson["row"];
	var col = this.mecJson["col"];
	
	var fieldHtm = "";
	for(var i = 0; i < row; i++){
		fieldHtm += "<div class=\"field-row-wrap MADL_FieldRowWrap\"><div class=\"move-after move_btn\"></div><div class=\"del-box-after del_btn\"></div>";
		for(var j = 0; j < col; j++){
			var colfield = {};
			fieldHtm += "<div class=\"field-col-wrap MADL_FieldColWrap\">"
		        		+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段    选择字段
		        		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
		        	  + "</div>";
		}
		fieldHtm += "</div>";
	}
	
	var htm = "<div id=\"MADL_"+theId+"\" style=\"padding-bottom: 0px;\">"
					+"<div class=\"title\">"
						+SystemEnv.getHtmlNoteName(4650) //基本信息
						+ "<div class=\"more-info\" id=\"MADL_BaseInfo_MoreFlag_"+theId+"\"></div>"
					+"</div>"
					+ "<div class=\"form-group\" style=\"position: relative;\">"
						+ "<div class=\"row\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4142)+" </span>"  // 名称：
							+ "<div class=\"col-m-8\"><input type=\"text\" id=\"name_"+theId+"\" class=\"form-control\" data-autobind placeholder=\""+SystemEnv.getHtmlNoteName(4287)+"\"></input></div>"  //一个中文的名称，如：url列表
						+ "</div>"
						
						+ "<div class=\"row\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4144) + " </span>"  //内容来源：
							+ "<div class=\"col-m-8\"><select class=\"form-control\" data-autobind style=\"width:220px;\" id=\"contentSource_"+theId+"\" onchange=\"MADHL_contentSourceChange('"+theId+"');\">"
							+"  <option value=\"1\">"+SystemEnv.getHtmlNoteName(4440)+"</option>"  //输入地址
							+"  <option value=\"2\">"+SystemEnv.getHtmlNoteName(4441)+"</option>"  //查询列表
							+"  <option value=\"3\">"+SystemEnv.getHtmlNoteName(6001)+"</option>"  //模拟数据

							+"</select></div>"
						+ "</div>"
						
						+ "<div class=\"row\" id=\"inputAddressDiv_"+theId+"\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4212)+" </span>"  //地址    地址：
							+ "<div class=\"col-m-8 required\"><input type=\"text\" data-autobind='source' id=\"source_"+theId+"\" class=\"form-control requireded\"/></div>"
						+ "</div>"
						
						+ "<div class=\"row\" id=\"chooseListDiv_"+theId+"\" style=\"display:none;\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">"+SystemEnv.getHtmlNoteName(4442)+" </span>"  //列表     列表：
							+ "<div class=\"col-m-8 required\"><select class=\"form-control requireded list-contentsource\" data-autobind style=\"width:220px;\" id=\"chooseList_"+theId+"\" onfocus=\"this.defOpt=this.selectedIndex\" onchange=\"MADHL_listChange('"+theId+"');\">"
								+ MADHL_getListSelectOptionHtml()
							+ "</select></div>"
						+ "</div>"
						
						+ "<div class=\"row\" id=\"mockDataDiv_"+theId+"\" style=\"display:none\">"
							+ "<div class=\"col-2 span-control\">"+SystemEnv.getHtmlNoteName(6002)//模拟数据:
							+ "</div>"
							+ "<div class=\"col-m-8 required\">"
								+ "<div class=\"col edit-before pd-72 MADHL_EditSwipeContent MADHL_EditSwipeContent"+ styleL +"\" style=\"width: 20px;text-align:left;\" onclick=\"MADHL_editMockData('"+theId+"');\"></div>"
								+ "<div class=\"col ml-5 pd-7 link mockData_tip\" style=\"display:none;\" onclick=\"MADHL_editMockData('"+theId+"');\">"+SystemEnv.getHtmlNoteName(4162)+"</div>"  //已配置
								+ "<input id=\"mockData_"+theId+"\" type=\"hidden\" value=\"\"/>"
							+"</div>"
					    + "</div>"
					
						+ "<div class=\"row\" id=\"urltypeDiv_"+theId+"\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">" + SystemEnv.getHtmlNoteName(4145) + "</span> "  //数据链接：
							+ "<div class=\"col-m-8\"><select class=\"form-control MADL_Select"+styleL+"\" name=\"urltype\" id=\"urltype_"+theId+"\" onchange=\"MADHL_UrltypeChange('"+theId+"')\">"
		 						+ "<option value=\"0\">"+SystemEnv.getHtmlNoteName(4146)+"</option>"  //自动解析
		 						+ "<option value=\"1\">"+SystemEnv.getHtmlNoteName(4147)+"</option>"  //手动输入
		 					+ "</select>" 
		 					+ "</div>"
						+ "</div>"
						
						+ "<div class= \"row\" id=\"customDataurlDiv_"+theId+"\" style=\"position: relative;\">"
							+ "<span class=\"col-2 span-control MADL_Desc"+styleL+"\">" + SystemEnv.getHtmlNoteName(3977) + "</span>"  //链接地址：
							+ "<div class='sbHolder' id='dataurlSbHolder_"+theId+"'  style='position: absolute;width:calc(100% - 65px)'>"
								+ "<a href='javascript:void(0);'  class='sbToggle sbToggle-btc'></a>"
								+ "<input  class='panel-input' type='text' readonly='readonly' unselectable='on' autocomplete='off'/>"
								+ "<input id='dataurl_"+theId+"' type='hidden' name='dataurl' />"
							+ "</div>"
							+ "<input class=\"MADL_MText\" type=\"hidden\" id=\"dataurlJson_"+theId+"\"/>"
						+ "</div>"
						
						+ "<div class=\"more-content MADL_BaseInfo_MoreContainer\" id=\"MADL_BaseInfo_MoreContainer_"+theId+"\">"
						
						+ "<table class=\"attrTable\">"
							+ "<tr class=\"title-tr\">"
								+ "<td>"+SystemEnv.getHtmlNoteName(4443)+"</td>"  //显示数量
								+ "<td>"+SystemEnv.getHtmlNoteName(4151)+"</td>"  //数据只读
								+ "<td>"+SystemEnv.getHtmlNoteName(4309)+"</td>"  //延迟加载
							+ "</tr>"
							+ "<tr>"
								+ "<td><input type=\"text\" id=\"pagesize_"+theId+"\" class=\"text\" style=\"width: 35px;height: 18px; line-height: 10px;\"/></td>"
								+ "<td><input type=\"checkbox\" id=\"dataReadonly_"+theId+"\"/></td>"
								+ "<td><input type=\"checkbox\" id=\"lazyLoad_"+theId+"\"/></td>"
							+ "</tr>"
						+ "</table>"
						
						+ "<div class=\"MADL_InParams_Container\">"
							+ "<div class=\"title row\">"
								+ SystemEnv.getHtmlNoteName(4599)  //输入参数
								+ "<span class=\"col-8 pl-10 requestCharsetWrap"+styleL+"\" style=\"display:none;\">"
									+ "<div class=\"col pd-7\">" + SystemEnv.getHtmlNoteName(4598) + "</div>" //请求字符集：
									+ "<div class=\"col\"><select id=\"requestCharset_"+theId+"\" class=\"form-control\">"
										+ "<option value=\"UTF-8\">UTF-8</option>"
										+ "<option value=\"GBK\">GBK</option>"
										+ "<option value=\"ISO-8859-1\">ISO-8859-1</option>"
									+ "</select></div>"
								+ "</span>"
								+ "<div class=\"add-before\" onclick=\"MADHL_AddOneInParam('"+theId+"')\">"+SystemEnv.getHtmlNoteName(3518)+"</div>"  //添加
							+ "</div>"
							+ "<div class=\"MADL_InParams_Content\">"
								+ "<ul class=\"normal-list\">"
								+ "</ul>"
							+ "</div>"
						+ "</div>"
					
						+ "<div class=\"MADL_OutFormat_Container\">"
							+ "<div class=\"title row\">"
								+ SystemEnv.getHtmlNoteName(4295) //输出格式
								+ "<div style=\"font-weight: normal;display:none;\"><select id=\"outformat_type_"+theId+"\" class=\"form-control\">"
									+ "<option value=\"JSON\">JSON</option>"
								+ "</select></div>"
							+ "</div>"
							+ "<div class=\"MADL_OutFormat_Content\">"
								+ "<ul class=\"normal-list\">"
								+ "</ul>"
							+ "</div>"
						+ "</div>"
					
						+ "</div>"
						
					+ "</div>"
					
					+ "<div class=\"title\">"+SystemEnv.getHtmlNoteName(4164)+"</div>"  //展示样式
					+ "<div class=\"form-group\">"
						+ "<div class=\"row item-config  MADL_StyleConfig\" id=\"MADL_StyleConfig_"+theId+"\">"
							+ "<div class=\"col-8 count-container\">"
								+ SystemEnv.getHtmlNoteName(4585)   //列数：
								+ "<span data-autobind class=\"minu-after MADL_Column_Minus\"></span>"
								+ "<input type=\"text\" id=\"column_"+theId+"\" class=\"count-control\" value=\""+col+"\" disabled=\"disabled\"/>"
								+ "<span data-autobind class=\"add-after MADL_Column_Add\"></span>"
							+ "</div>"
							
							+ "<div class=\"col-4 pd-4 add-before MADL_StyleConfig_Row\" data-autobind data-scroll=\"bottom\">"+SystemEnv.getHtmlNoteName(3575)+"</div>"  //添加行
						+ "</div>"
						
						
						+ "<div id=\"showColumnDiv_"+theId+"\" class=\"list-item\">"
	        				+ "<div class=\"container normal\" id=\"MADL_Style_"+theId+"\">"
	        					+ "<div class=\"item-top MADL_Style_L\">"
	        						+ "<div class=\"MADL_ImgFieldWrap\">"
				                        + "<span class=\"img MADL_ImgField\" title=\""+SystemEnv.getHtmlNoteName(4166)+"\">"+SystemEnv.getHtmlNoteName(4167)+"</span>"  //图片字段   图片
				                        + "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
			                        + "</div>"
			                    + "</div>"
			                    
			                    + "<div class=\"item-bottom MADL_Style_R\">"
			                    	+ "<div class=\"field-row-wrap MADL_FieldRowWrap MADL_TitleFieldRowWrap\">"
			                    		+ "<div class=\"field-col-wrap MADL_FieldColWrap\">"
			                        		+ "<span class=\"field title-field MADL_TitleField\">"+SystemEnv.getHtmlNoteName(3534)+"</span>"  //标题
			                        		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
			                        	+ "</div>"
			                        + "</div>"
			                        + fieldHtm
			                    + "</div>"
	        				+ "</div>"
	    				+ "</div>"
    				+ "</div>"
    				
					+ "<div class=\"bottom\">"
    					+ "<div class=\"save-btn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div>"  //确定
    				+ "</div>"
			+ "</div>";
			
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.HoriList.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var mecHandler = MECHandlerPool.getHandler(theId);

    MADHL_BindRowOpt(theId);

    MADHL_BindColOpt(theId);

    MADHL_BindFieldChoose(theId);
	
	$("#MADL_BaseInfo_MoreFlag_" + theId).click(function(e){
		var $moreThis = $(this);
		
		$("#MADL_BaseInfo_MoreContainer_" + theId).slideToggle(100, function(){
			if($(this).is(":visible")){
				$moreThis.addClass("hidden");
			}else{
				$moreThis.removeClass("hidden");
			}
		});
		e.stopPropagation();
	});
	
	$("#name_"+theId).val(this.mecJson["name"]);
	
	$("#contentSource_"+theId).data('last', this.mecJson["contentSource"]).val(this.mecJson["contentSource"]);
	$("#urltype_"+theId).val(Mec_FiexdUndefinedVal(this.mecJson["urltype"] , "1"));
	$("#source_"+theId).data('last', this.mecJson['source']).val(this.mecJson["source"]);
	$("#chooseList_"+theId).data('last', this.mecJson["chooseList"]).val(this.mecJson["chooseList"]);
	
	$("#mockData_"+theId).val(this.mecJson["mockData"] || "");	
	
	if($("#mockData_" + theId).val()!=""){
		$("#MADL_"+theId+" .mockData_tip").show();
	}
	
	MADHL_contentSourceChangeAfter(theId);
	
	$("#dataurl_"+theId).val(this.mecJson["dataurl"]);
	UrlSelectUtil.link.setUrlLink( $("#dataurl_"+theId).parent(),this.mecJson["dataurl"]);
	
	var dataurlJson = MADHL_FormatJson2Value(this.mecJson["dataurlJson"]);
	$("#dataurlJson_" + theId).val(dataurlJson);
	
	
	var pagesize = Mec_FiexdUndefinedVal(this.mecJson["pagesize"]);
	if(pagesize == "" || isNaN(pagesize) || parseInt(pagesize) <= 0){
		pagesize = 10;
	}
	$("#pagesize_"+theId).val(pagesize);
	
	var dataReadonly = Mec_FiexdUndefinedVal(this.mecJson["dataReadonly"]);
	if(dataReadonly == "1"){
		$("#dataReadonly_"+theId).attr("checked","checked");
	}
	
	var lazyLoad = Mec_FiexdUndefinedVal(this.mecJson["lazyLoad"]);
	if(lazyLoad == "1"){
		$("#lazyLoad_"+theId).attr("checked","checked");
	}
	
	var $attrContainer = $("#MADL_"+theId);
	
	var requestCharset = Mec_FiexdUndefinedVal(this.mecJson["requestCharset"]);
	$("#requestCharset_"+theId).val(requestCharset);
	
	var $MADL_Style = $("#MADL_Style_" + theId);
	
	var imgfield = this.mecJson["imgfield"];		//图片字段信息
	var imgfieldV = MADHL_FormatJson2Value(imgfield);
	if(imgfieldV != ""){
		var currentImgWrap = $MADL_Style.find(".MADL_ImgFieldWrap");

		$(".MADL_ImgFieldWrap input[name='MADL_Field_Json']", $MADL_Style).val(imgfieldV);
		var fieldid = imgfield["fieldid"];
		if(fieldid != "0"){
			$(".MADL_ImgFieldWrap", $MADL_Style).addClass("choosed");
		}
		fieldPicker('setField', currentImgWrap, imgfield);
	}
	
	var titlefield = this.mecJson["titlefield"];	//标题字段信息
	var titlefieldV = MADHL_FormatJson2Value(titlefield);
	if(titlefieldV != ""){
		var currentTitleWrap = $MADL_Style.find(".MADL_TitleFieldRowWrap .MADL_FieldColWrap");

		$(".MADL_TitleFieldRowWrap input[name='MADL_Field_Json']", $MADL_Style).val(titlefieldV);
		var fieldid = titlefield["fieldid"];
		var fielddesc = titlefield["fielddesc"];
		$(".MADL_TitleFieldRowWrap .MADL_TitleField", $MADL_Style).html(MADHL_DelHtmlTag(fielddesc));
		if(fieldid != "0"){
			$(".MADL_TitleFieldRowWrap .MADL_FieldColWrap", $MADL_Style).addClass("choosed");
		}
		fieldPicker('setField', currentTitleWrap, titlefield);
	}
	
	var otherfields = this.mecJson["otherfields"];
	var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
	$MADL_FieldRowWrap.each(function(i){
		$(".MADL_FieldColWrap", $(this)).each(function(j){
			var colfield = otherfields[i][j];
			var colfieldV = MADHL_FormatJson2Value(colfield);
			if(colfieldV != ""){
				$("input[name='MADL_Field_Json']", $(this)).val(colfieldV);
				var fieldid = colfield["fieldid"];
				var fielddesc = colfield["fielddesc"];
				$(".MADL_Field", $(this)).html(MADHL_DelHtmlTag(fielddesc));
				if(fieldid != "0"){
					$(this).addClass("choosed");
				}
				fieldPicker('setField',  $(this), colfield);
			}
		});
	});

	setTimeout(function() { // dom未加载完成, 宽度为0
		MADHL_ResizeFieldColWidth(theId);
	}, 50);

	MADHL_LoadChooseField(theId);
	
	var inParams = this.mecJson["inParams"];
	for(var i = 0; inParams && i < inParams.length; i++){
		MADHL_AddOneInParamToPage(theId, inParams[i]);
	}
	
	var outFormat = this.mecJson["outFormat"];
	$("#outformat_type_" + theId).val(outFormat["type"]);
	var formats = outFormat["formats"];
	for(var i = 0; formats && i < formats.length; i++){
		MADHL_AddOneOutFormatToPage(theId, formats[i]);
	}
	
	$("#MADL_"+theId).checkbox();

	$("#MADL_Style_"+theId + " .item-bottom").sortable({
		revert: false,
		axis: "y",
		items: ".field-row-wrap:not(.MADL_TitleFieldRowWrap)",
		handle: ".move_btn",
		update: function(){
			mecHandler.autobind.update();
		}
	});
	
	//require("utils").urlSelector("dataurl_"+theId);
	$('#dataurlSbHolder_' + theId).on("click",function (e) {
		showUrlSelectPanel(this);
		e.stopPropagation();
	});
};

/*获取JSON*/
MEC_NS.HoriList.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MADL_"+theId);
	if($attrContainer.length > 0){
		var $MADL_Style = $("#MADL_Style_" + theId);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		
		this.mecJson["name"] = $("#name_"+theId).val();	// 名称
		
		this.mecJson["contentSource"] = $("#contentSource_"+theId).val(); //内容来源
		this.mecJson["urltype"] = $("#urltype_"+theId).val();
		this.mecJson["source"] = $("#source_"+theId).val(); //地址
		this.mecJson["chooseList"] = $("#chooseList_"+theId).val(); //列表
		this.mecJson["mockData"] = $("#mockData_"+theId).val();	//模拟数据
		
		this.mecJson["dataurl"] = $("#dataurl_"+theId).val();	//数据链接
		this.mecJson["dataurlJson"] = MADHL_FormatValue2Json($("#dataurlJson_"+theId).val());	//数据链接
		
		
		var pagesize = $("#pagesize_"+theId).val();	//每页条数
		if(pagesize == "" || isNaN(pagesize) || parseInt(pagesize) <= 0){
			pagesize = 10;
		}
		this.mecJson["pagesize"] = pagesize;
		
		this.mecJson["dataReadonly"] = $("#dataReadonly_"+theId).is(':checked') ? "1" : "0";

		this.mecJson["lazyLoad"] = $("#lazyLoad_"+theId).is(':checked') ? "1" : "0";
		
		var btn_datas = this.mecJson["btn_datas"];
		if(!btn_datas){
			btn_datas = [];
		}
		var $BtnLi = $(".list_btn_content > ul > li", $attrContainer);
		$BtnLi.each(function(){
			var liId = $(this).attr("id");
			if(liId && liId != ""){
				var btnId = liId.substring("li_".length);
				var btnText = $("input[name='btnText']", $(this)).val();
				var btnScript = $("input[name='btnScript']", $(this)).val();
				for(var i = 0; i < btn_datas.length; i++){
					if(btn_datas[i]["id"] == btnId){
						btn_datas[i]["btnText"] = btnText;
						btn_datas[i]["btnScript"] = btnScript;
						break;
					}
				}
			}
		});
		
		this.mecJson["requestCharset"] = $("#requestCharset_"+theId).val();
		
		this.mecJson["row"] = $MADL_FieldRowWrap.length;	//行数
		this.mecJson["col"] = $("#column_"+theId).val();	//列数
		
		var imgfieldV = $(".MADL_ImgFieldWrap input[name='MADL_Field_Json']", $MADL_Style).val();
		this.mecJson["imgfield"] = MADHL_FormatValue2Json(imgfieldV);		//图片字段信息
		
		var titlefieldV = $(".MADL_TitleFieldRowWrap input[name='MADL_Field_Json']", $MADL_Style).val();
		this.mecJson["titlefield"] = MADHL_FormatValue2Json(titlefieldV);	//标题字段信息
	
		var otherfields = [];
		$MADL_FieldRowWrap.each(function(){
			var rowfields = [];
			$(".MADL_FieldColWrap", $(this)).each(function(){
				var colV = $("input[name='MADL_Field_Json']", $(this)).val();
				var colfield = MADHL_FormatValue2Json(colV);
				rowfields.push(colfield);
			});
			otherfields.push(rowfields);
		});
		this.mecJson["otherfields"] = otherfields;
		
		var inParams = this.mecJson["inParams"];
		var $inParamLi = $(".MADL_InParams_Content > ul > li", $attrContainer);
		$inParamLi.each(function(){
			var liId = $(this).attr("id");
			if(liId && liId != ""){
				var inPmId = liId.substring("li_".length);
				var paramName = $("input[name='paramName']", $(this)).val();
				for(var i = 0; i < inParams.length; i++){
					if(inParams[i]["id"] == inPmId){
						inParams[i]["paramName"] = paramName;
						break;
					}
				}
			}
		});
		
		var outFormat = this.mecJson["outFormat"];
		outFormat["type"] = $("#outformat_type_" + theId).val();
		var formats = outFormat["formats"];
		var $outFormatLi = $(".MADL_OutFormat_Content > ul > li", $attrContainer);
		$outFormatLi.each(function(){
			var key = $("input[name='key']", $(this)).val();
			var keyName = $("input[name='keyName']", $(this)).val();
			
			for(var i = 0; i < formats.length; i++){
				if(formats[i]["key"] == key){
					formats[i]["keyName"] = keyName;
					break;
				}
			}
		});
		
	}
	
	return this.mecJson;
};

MEC_NS.HoriList.prototype.getCopyMecJson = function (mecJson) {
  	var mec = require("mec");

  	mec.changeMecJsonUUid(mecJson.inParams);
};

MEC_NS.HoriList.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	
	var row = 1;
	var col = 1;
	
	var defMecJson = {};
	
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;
	
	var count = $("abbr[m_type='HoriList']", "#homepageContainer").length;
	
	defMecJson["name"] = SystemEnv.getHtmlNoteName(4444)+(count+1);	// 名称    横向列表
	
	defMecJson["contentSource"] = "1"; //内容来源(默认输入地址)
	defMecJson["source"] = ""; //地址
	defMecJson["chooseList"] = ""; //列表
	defMecJson["mockData"] = "";	//模拟数据
		
	defMecJson["dataurl"] = "";	//数据连接
	defMecJson["dataurlJson"] = {};	//数据连接
	defMecJson["row"] = row;	//行数
	defMecJson["col"] = col;	//列数
	
	defMecJson["imgfield"] = {};	//图片字段信息
	defMecJson["titlefield"] = {};	//图片字段信息
	
	defMecJson["requestCharset"] = "UTF-8";
	
	var otherfields = [];
	for(var i = 0; i < row; i++){
		var rowfields = [];
		for(var j = 0; j < col; j++){
			var colfield = {};
			rowfields.push(colfield);
		}
		otherfields.push(rowfields);
	}
	defMecJson["otherfields"] = otherfields;
	
	var inParams = [
	    {
	    	id : new UUID().toString(),
	    	paramName : "pageSize",
	    	paramValue : "{PAGE_SIZE}",
	    	desc : " "+SystemEnv.getHtmlNoteName(4443),  //显示数量
	    	isSystem : "1"
	    }
	];
	defMecJson["inParams"] = inParams;
	
	var outFormat = {
		type : "JSON",
		formats : [
		    {
		    	key : "DATAS",
		    	keyName : "datas",
		    	desc : SystemEnv.getHtmlNoteName(4302)  //数据JSON对应KEY
		    }
		]
	};
	defMecJson["outFormat"] = outFormat;
	return defMecJson;
};

MEC_NS.HoriList.prototype.validate = function () {
	var mecJson = this.mecJson;
	var contentSource = mecJson.contentSource;
	var source = mecJson.source;
	var chooseList = mecJson.chooseList;
	var mockData = mecJson.mockData;
	var isValid = !!((contentSource === '1' && source) ||
		(contentSource === '2' && chooseList) ||
		(contentSource === '3' && mockData));
	var mec_id = this.id;
	var $pluginAttr = $('#MAD_' + mec_id);

	switch (contentSource) {
		case '1':
			!source && $pluginAttr.find('#source_' + mec_id).parents('.col-m-8').validate({
				value: source,
				rules: [{
					msg: '"' + SystemEnv.getHtmlNoteName(4212).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //地址
				}],
			});
			break;
		case '2':
			!chooseList && $pluginAttr.find('#chooseList_' + mec_id).parents('.col-m-8').validate({
				value: chooseList,
				rules: [{
					msg: '"' + SystemEnv.getHtmlNoteName(4442).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //列表
				}],
			});
			break;
		case '3':
			!mockData && $pluginAttr.find('#mockData_' + mec_id).parents('.col-m-8').validate({
				value: mockData,
				rules: [{
					msg: '"' + SystemEnv.getHtmlNoteName(6002).replace(/[\:\：]/g, '') + '" ' + SystemEnv.getHtmlNoteName(6041) //模拟数据
				}],
			});
			break;
	}

	return {
		isValid: isValid,
		msg: SystemEnv.getHtmlNoteName(6069) //请设置内容来源对应数据！
	};
};

/* 获取url列表名称 */
MEC_NS.HoriList.prototype.getName = function(){
	var theId = this.id;
	
	var name = this.mecJson["name"];
	if(name == "" || $.trim(name) == ""){
		name = theId;
	}
	
	return name;
};

function MADHL_AddOneInParam(mec_id){
	var url = "/mobilemode/admin/dialog/paraminfo.jsp";
	var dlg = top.createTopDialog();//获取Dialog对象
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.Width = 745;//定义长度
	dlg.Height = 350;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(3518);  //添加
	dlg.show();
	dlg.hookFn = function(result){
		result["id"] = new UUID().toString();
		result["isSystem"] = "0";
		var mecHandler = MECHandlerPool.getHandler(mec_id);
		var inParams = mecHandler.mecJson["inParams"];
		inParams.push(result);
		MADHL_AddOneInParamToPage(mec_id, result);
	};
}

function MADHL_editOneInParamOnPage(mec_id, inParamId){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var inParams = mecHandler.mecJson["inParams"];
	var paramobj = null;
	var lang = require("i18n/lang");
	for(var i = 0; i < inParams.length; i++){
		var data = inParams[i];
		if(data["id"] == inParamId){
			paramobj = data;
			break;
		}
	}
	
	if(paramobj != null){
		
		var url = "/mobilemode/admin/dialog/paraminfo.jsp?paramName="+paramobj["paramName"]+"&paramValue="+encodeURIComponent(paramobj["paramValue"])+"&desc="+paramobj["desc"]+"&isEncrypt="+paramobj["isEncrypt"];
		var dlg = top.createTopDialog();//获取Dialog对象
		dlg.Model = true;
		dlg.normalDialog = false;
		dlg.Width = 745;//定义长度
		dlg.Height = 350;
		dlg.URL = url;
		dlg.Title = SystemEnv.getHtmlNoteName(3518);  //添加
		dlg.show();
		dlg.hookFn = function(result){
			paramobj["paramName"] = result["paramName"];
			paramobj["paramValue"] = result["paramValue"];
			paramobj["desc"] = result["desc"];
			paramobj["isEncrypt"] = result["isEncrypt"];
			
			var $li = $("#li_" + inParamId);
			$("input[name='paramName']", $li).val(result["paramName"]);
			$(".inparam_param_desc", $li).html(lang.parse(result["desc"]));
		};
	}
}

function MADHL_AddOneInParamToPage(mec_id, paramobj){
	var lang = require("i18n/lang");
	var $attrContainer = $("#MADL_"+mec_id);
	var $ul = $(".MADL_InParams_Content > ul", $attrContainer);
	var $li = $("<li id=\"li_"+paramobj["id"]+"\"></li>");
	var htm = "<table>";
	    htm += "<tbody>";
	    	htm += "<tr>";
	    	
			    htm += "<td width=\"*\">";
			    	htm += "<input name=\"paramName\" type=\"text\" class=\"form-control\" value=\""+paramobj["paramName"]+"\"/>";
			    htm += "</td>";
			    
			    htm += "<td width=\"86px\">";
					htm += "<div class=\"inparam_param_desc\">";
						htm += lang.parse(paramobj["desc"]);
					htm += "</div>";
				htm += "</td>";
				
				htm += "<td width=\"43px\" align=\"right\">";
					var isSystem = paramobj["isSystem"];
					if(isSystem != "1"){
						htm += "<span class=\"edit-before\" style=\"font-size: 16px;\" onclick=\"MADHL_editOneInParamOnPage('"+mec_id+"','"+paramobj["id"]+"')\"></span>";
						htm += "<span class=\"del-after2\" onclick=\"MADHL_deleteOneInParamOnPage('"+mec_id+"','"+paramobj["id"]+"')\"></span>";
					}
				htm += "</td>";
				
			htm += "</tr>";
		htm += "</tbody>";
	htm += "</table>";
	$li.html(htm);
	$ul.append($li);
}

function MADHL_deleteOneInParamOnPage(mec_id, inParamId){
	confirm(SystemEnv.getHtmlNoteName(4175), function() { // 确认删除吗?
		var mecHandler = MECHandlerPool.getHandler(mec_id);
		var inParams = mecHandler.mecJson["inParams"];
		var index = -1;
		for(var i = 0; i < inParams.length; i++){
			var data = inParams[i];
			if(data["id"] == inParamId){
				index = i;
				break;
			}
		}
		if(index != -1){
			inParams.splice(index, 1);
		}
		
		$("#li_" + inParamId).remove();
	});
}

function MADHL_AddOneOutFormatToPage(mec_id, formatobj){
	var $attrContainer = $("#MADL_"+mec_id);
	var $ul = $(".MADL_OutFormat_Content > ul", $attrContainer);
	var $li = $("<li></li>");
	var htm = "<table>";
	    htm += "<tbody>";
	    	htm += "<tr>";
	    	
			    htm += "<td width=\"*\">";
			    	htm += "<input name=\"key\" type=\"hidden\" value=\""+formatobj["key"]+"\"/>";
			    	htm += "<input name=\"keyName\" type=\"text\" class=\"form-control\" value=\""+formatobj["keyName"]+"\"/>";
			    htm += "</td>";
			    
			    htm += "<td width=\"129px\">";
					htm += "<div class=\"outformat_key_desc\">";
						htm += formatobj["desc"];
					htm += "</div>";
				htm += "</td>";
				
			htm += "</tr>";
		htm += "</tbody>";
	htm += "</table>";
	$li.html(htm);
	$ul.append($li);
}

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

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

function MADHL_ResizeFieldColWidth(mec_id){
	var $MADL_FieldRowWrap = $("#MADL_Style_" + mec_id + " .MADL_Style_R .MADL_FieldRowWrap").not(".MADL_TitleFieldRowWrap");
	$MADL_FieldRowWrap.each(function(){
		var rowWidth = parseInt($(this).width());
		rowWidth = rowWidth > 0 ? rowWidth : 186;
		var $MADL_FieldColWrap = $(".MADL_FieldColWrap", $(this));
		var colCount = parseInt($MADL_FieldColWrap.length);
		var colWidth = parseInt(rowWidth/colCount);
		var lastColWidth = colWidth + (rowWidth - (colWidth * colCount));
		var colWidthArr = new Array();
		for(var i = 0; i < colCount; i++){
			if(i != (colCount - 1)){
				colWidthArr.push(colWidth);
			}else{
				colWidthArr.push(lastColWidth);
			}
		}
		$MADL_FieldColWrap.each(function(i){
			$(this).width(colWidthArr[i]);
		});
	});
}

function MADHL_BindColOpt(mec_id){
	var $MADL_StyleConfig = $("#MADL_StyleConfig_" + mec_id);
	var $column = $("#column_" + mec_id);
	$(".MADL_Column_Add", $MADL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		
		var $MADL_Style = $("#MADL_Style_" + mec_id);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		var colHtml = "<div class=\"field-col-wrap MADL_FieldColWrap\">"
						+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
                	+ "</div>";
		$MADL_FieldRowWrap.append(colHtml);
		
		MADHL_ResizeFieldColWidth(mec_id);
		
		colV++;
		$column.val(colV);
		
	});
	
	$(".MADL_Column_Minus", $MADL_StyleConfig).click(function(){
		var colV = parseInt($column.val());
		if(colV <= 1){
			return;
		}
		var $MADL_Style = $("#MADL_Style_" + mec_id);
		var $MADL_FieldRowWrap = $(".MADL_Style_R .MADL_FieldRowWrap", $MADL_Style).not(".MADL_TitleFieldRowWrap");
		$(".MADL_FieldColWrap:last-child", $MADL_FieldRowWrap).remove();
		
		MADHL_ResizeFieldColWidth(mec_id);
		
		colV--;
		$column.val(colV);
	});
}

function MADHL_BindRowOpt(mec_id){
	var $MADL_StyleConfig = $("#MADL_StyleConfig_" + mec_id);
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	$(".MADL_StyleConfig_Row", $MADL_StyleConfig).click(function(){
		var $MADL_Style_R = $("#MADL_Style_" + mec_id + " .MADL_Style_R");
		var $column = $("#column_" + mec_id);
		var colV = parseInt($column.val());
		var $MADL_FieldRowWrap = $("<div class=\"field-row-wrap MADL_FieldRowWrap\"><div class=\"move-after move_btn\"></div><div class=\"del-box-after del_btn\"></div></div>");
		var colHtml = "";
		for(var i = 0; i < colV; i++){
			colHtml += "<div class=\"field-col-wrap MADL_FieldColWrap\">"
						+ "<span class=\"field MADL_Field\" title=\""+SystemEnv.getHtmlNoteName(4139)+"\">"+SystemEnv.getHtmlNoteName(4139)+"</span>"  //选择字段
                		+ "<input type=\"hidden\" name=\"MADL_Field_Json\"/>"
                	 + "</div>";
		}
		$MADL_FieldRowWrap.append(colHtml);
		$MADL_Style_R.append($MADL_FieldRowWrap);
		
		MADHL_ResizeFieldColWidth(mec_id);
		
	});
	
	$("#MADL_Style_" + mec_id + " .MADL_Style_R").off("click", ".del_btn").on("click", ".del_btn", function(){
		$(this).parent().remove();
		mecHandler.autobind.update();
	});
}

function MADHL_BindFieldChoose(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);

	fieldPicker('run', {
		id: mec_id,
		callback: {
			afterSelect: function(field, target) {
				target = $(target);
				target.find('input').val( JSON.stringify(field) );
				target.find('.field').html(require('utils').delHtmlTag(field.fielddesc));
				target.removeClass('choosed');
				field.fieldid != 0 && target.addClass('choosed');
				mecHandler.autobind.update();
			}
		}
	});
	
	$("#MADL_Style_" + mec_id + " .MADL_ImgFieldWrap").click(function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	$("#MADL_Style_" + mec_id).off("click", ".MADL_FieldColWrap").on("click", ".MADL_FieldColWrap",  function(e){
		fieldPicker('show', this, mec_id);
		e.stopPropagation(); 
	});
	
	function setMADLField(ele){
		var $ele = $(ele);
		
		var fieldid = $ele.attr("fieldid");
		var fielddesc;
		if($ele.hasClass("MADL_CField_Custom")){
			fielddesc = $(".MADL_CField_Custom_Text", $ele).val();
		}else{
			fielddesc = $ele.html();
		}
		fielddesc = $.trim(fielddesc);
		
		var f_json = {"fieldid":fieldid, "fielddesc":fielddesc};
		
		var $MADL_FieldColWrap_Curr = $("#MADL_Style_" + mec_id + " .MADL_FieldColWrap_Curr");
		$MADL_FieldColWrap_Curr.removeClass("choosed");
		if(fieldid != "0"){
			$MADL_FieldColWrap_Curr.addClass("choosed");
		}
		if(!$MADL_FieldColWrap_Curr.hasClass("MADL_ImgFieldWrap")){
			var $MADL_Field = $(".field", $MADL_FieldColWrap_Curr);
			$MADL_Field.html(MADHL_DelHtmlTag(fielddesc));
			//$MADL_Field.attr("title", fielddesc);
		}
		var $MADL_Field_Json = $("input[name='MADL_Field_Json']", $MADL_FieldColWrap_Curr);
		$MADL_Field_Json.val(JSON.stringify(f_json));
	}
	
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_None").click(function(e){
		setMADLField(this);
	});
	
	$("#MADL_ChooseFields_" + mec_id).off("click", ".MADL_FieldColWrap").on("click", ".MADL_FieldColWrap", function(e){
		setMADLField(this);
	});
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_Custom").click(function(e){
		var $MADL_CField_Custom_Content = $(".MADL_CField_Custom_Content", $(this));
		if(!$MADL_CField_Custom_Content.is(":visible")){
			$(".MADL_CField_Custom_Tip", $(this)).hide();
			$MADL_CField_Custom_Content.show();
		}
		e.stopPropagation(); 
	});
	
	$("#MADL_ChooseFields_" + mec_id + " .MADL_CField_Custom .MADL_CField_Custom_Btn").click(function(e){
		setMADLField($(this).parents(".MADL_CField_Custom")[0]);
		$("#MADL_ChooseFields_" + mec_id).hide();
		e.stopPropagation(); 
	});
}

function MADHL_DelHtmlTag(str){
	return str.replace(/<[^>]+>/g,"");//去掉所有的html标记
}

function MADHL_contentSourceChange(mec_id){
	var source = $('#contentSource_' + mec_id);
	var contentSourceValue = source.val();
	var lastContentSource = $('#contentSource_' + mec_id).data("last");
	
	if((contentSourceValue == "1" || contentSourceValue == "3") && lastContentSource == "2"){//清空选择字段
		var sourceV = $('#chooseList_' + mec_id).val();
		$('#chooseList_' + mec_id).data("last", sourceV);
		$('#chooseList_' + mec_id).val('');
	}
	
	if(contentSourceValue == "2" && (lastContentSource == "1" || lastContentSource == "3")){
		var sourceV = $('#chooseList_' + mec_id).data("last");
		$('#chooseList_' + mec_id).val(sourceV);
	}

	source.data("last", contentSourceValue);

    MADHL_DoListChange(mec_id);
	MADHL_contentSourceChangeAfter(mec_id);
}

function MADHL_contentSourceChangeAfter(mec_id){
	var $moreContainer = $("#MADL_BaseInfo_MoreContainer_"+mec_id);

	var contentSource = $("#contentSource_"+mec_id);
	if(contentSource.val() == 2 || contentSource.val() == 3){
		$("#source_"+mec_id).val("");
		$("#inputAddressDiv_"+mec_id).hide();
		if(contentSource.val() == 2){
			$("#mockDataDiv_"+mec_id).hide();
			$("#chooseListDiv_"+mec_id).show();
            $("#urltypeDiv_"+mec_id).show();
            $("#customDataurlDiv_"+mec_id).hide();
		}else{
			$("#chooseListDiv_"+mec_id).hide();
			$("#mockDataDiv_"+mec_id).show();

            $("#urltype_" + mec_id).val("1");
            $("#urltypeDiv_" + mec_id).hide();
		}

		$(".MADL_InParams_Container", $moreContainer).hide();
		$(".MADL_OutFormat_Container", $moreContainer).hide();
		MADHL_UrltypeChange(mec_id);
	}else{
		$("#chooseList_"+mec_id).val("");
		$("#inputAddressDiv_"+mec_id).show();
		$("#chooseListDiv_"+mec_id).hide();
		$("#mockDataDiv_"+mec_id).hide();
		$("#urltypeDiv_"+mec_id).hide();
		$("#customDataurlDiv_"+mec_id).show();
		$(".MADL_InParams_Container", $moreContainer).show();
		$(".MADL_OutFormat_Container", $moreContainer).show();
	}
}

function MADHL_editMockData(mec_id){
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	var mockData = $("#mockData_"+mec_id).val();
	top.mockJsonData = mockData;
	var url = "/mobilemode/admin/dialog/jsonConfig.jsp";
	
	var dlg = top.createTopDialog();//获取Dialog对象
	var hgt = $(document.body).height(),
		wdh = $(document.body).width();
	dlg.Width = wdh*0.6;//定义长度
	dlg.Height = hgt*0.8;
	dlg.Model = true;
	dlg.normalDialog = false;
	dlg.URL = url;
	dlg.Title = SystemEnv.getHtmlNoteName(6003);  //模拟数据配置
	dlg.show();
	dlg.hookFn = function(result){
		var mockData = result["scriptCode"] || "";
		var $mockDataTip = $("#MADL_" + mec_id + " .mockData_tip");
		if(mockData != ""){
			$mockDataTip.show().parents('.col-m-8').removeClass('required has-error').children('.error-tip').hide();
		}else {
			$mockDataTip.hide().parents('.col-m-8').addClass('required has-error').children('.error-tip').show();
		}
		$("#mockData_"+mec_id).val(mockData);
		mecHandler.mecJson['mockData'] = mockData;
	};
}

function MADHL_UrltypeChange(mec_id){
	var $Entry = $("#urltypeDiv_"+mec_id);
	
	var urltype = $("select[name='urltype']", $Entry).val();
	if(urltype == "0"){
		$("#customDataurlDiv_"+mec_id).hide();
	}else if(urltype == "1"){
		$("#customDataurlDiv_"+mec_id).show();
	}
}

function MADHL_listChange(mec_id){
	var source = $('#chooseList_' + mec_id);
	var lastSourceValue = source.data("last") || "";
	var sourceValue = source.val();
	
	if(sourceValue && lastSourceValue && lastSourceValue != sourceValue){
		$.ajax({
		 	type: "GET",
		 	contentType: "application/json",
		 	url: "/api/mobilemode/admin/designer/isSameSource?oldsource="+lastSourceValue+"&newsource="+sourceValue,
		 	success: function(responseText, textStatus){
		 		var data = $.parseJSON(responseText);
		 		var sameSource = data.issame;
		 		MADHL_DoListChange(mec_id, sameSource);
		 	}
		});
	}else{
		MADHL_DoListChange(mec_id, lastSourceValue == sourceValue);
	}
    source.data('last', source.val());
}
function MADHL_DoListChange(mec_id, sameSource){
	var $MADL_Style = $("#MADL_Style_" + mec_id);
	var $MADL_Field_Json = $("input[name='MADL_Field_Json']", $MADL_Style);
	var $MADL_Field_Json2 = $MADL_Field_Json.filter(function(index, field) {
		if(field.value) return field;
	});
	var source = $('#chooseList_' + mec_id);
    var tip = SystemEnv.getHtmlNoteName(6023);//"是否清空展示样式中已选择的字段信息？"
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	
	if($MADL_Field_Json2.length > 0 && !sameSource && source.data('last') != ""){
		top.Dialog.confirm(tip, {
            btn: [SystemEnv.getHtmlNoteName(5197), SystemEnv.getHtmlNoteName(6024)]//"是","否"
		}, function(){  //清空展示样式中的已选择字段信息
			$MADL_Field_Json2.each(function(){
				$(this).val("");
				var $MADL_Field = $(this).parent().find(".field");
				if($MADL_Field.hasClass("MADL_TitleField")){
					$MADL_Field.html(SystemEnv.getHtmlNoteName(3534));  //标题
				}else{
					$MADL_Field.html(SystemEnv.getHtmlNoteName(4139));  //选择字段
				}
				fieldPicker('resetField', $(this).parent());
				$(this).parents(".choosed").removeClass("choosed");
			});
			MADHL_LoadChooseField(mec_id);
			mecHandler.autobind.update();
		}, function(){   //不清空
            MADHL_LoadChooseField(mec_id);
            mecHandler.autobind.update();
        });
	}else{
		MADHL_LoadChooseField(mec_id);
	}
}

function MADHL_LoadChooseField(mec_id){
	var $chooseList = $("#chooseList_" + mec_id);
	var chooseListV = $chooseList.val();

	$("#dataurl_"+mec_id).data('selectparams',[]);
	fieldPicker('change', chooseListV, function(data) {
		$("#dataurl_"+mec_id).data('selectparams',data);
	}, mec_id);
}

function MADHL_getListSelectOptionHtml(){
	var htm = "<option value=\"\"></option>",
		common_list_items = require('navPanel').getListItems();
		
	for(var i = 0; i < common_list_items.length; i++){
		var uiid = common_list_items[i]["uiid"];
		if((uiid + "").indexOf("homepage_") != -1) continue;
		var uiname = common_list_items[i]["uiname"];
		htm += "<option value=\""+uiid+"\">"+uiname+"</option>";
	}
	return htm;
}