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

MEC_NS.NavHeader = 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.title);
        };
    });
}

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

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

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

/*页面上显示控件完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.NavHeader.prototype.afterDesignHtmlBuild = function(){
	var theId = this.id;
	var isFixedTop = this.mecJson["isFixedTop"] || '0';
	if(isFixedTop == '1'){
        if(!Mec_IsInTopContainer(theId)){
            Mec_MoveContentFromEditorToBorder(theId, true);
        }
	} else {
	    if(Mec_IsInTopContainer(theId)){
	    	Mec_MoveContentFromBorderToEditor(theId, true);
		}
	}
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.NavHeader.prototype.getAttrDlgHtml = function(){
	var styleL = "_style" + _userLanguage;
	var tip = "";
	if(_userLanguage=="8"){
		tip = "Here can be a common text or the page Jump to pass over the parameters, namely: {parameter name}. Dataset also support, such as: {data.name}";
	}else if(_userLanguage=="9"){
		tip = "此處可以是普通的文本或頁面跳轉時傳遞過來的參數，即：{參數名稱}，也可以為數据集引用，如：{data.name}";
	}else{
		tip = "此处可以是普通的文本或页面跳转时传递过来的参数，即：{参数名称}, 也可以为数据集引用， 如：{data.name}";
	}


	var theId = this.id;
	
	var htm = "<div id=\"MADNH_"+theId+"\">";
	htm += "<div class=\"title\">"+SystemEnv.getHtmlNoteName(4650)+"</div>";  
	htm += "<div class=\"form-group\">"
		 	   + "<div class=\"mb-8 MADNH_BaseInfo_Entry\">"
					+ "<span class=\"MADNH_BaseInfo_Entry_Label\" style=\"display:block;margin-bottom: 6px;\">"+SystemEnv.getHtmlNoteName(3978)+"</span>"  //标题：
					+ "<span>"
					+ "<textarea data-autobind='title' id=\"title_" + theId + "\" class=\"area-control\" placeholder=\"" + tip + "\" " + MLanguage.ATTR + "></textarea>"  //此处可以是普通的文本或页面跳转时传递过来的参数，即：{参数名称}, 也可以为数据集引用， 如：{data.name}
					+ "</span>"
				+ "</div>" 
				
				+ "<div class=\"row MADNH_BaseInfo_Entry\">"
					+ "<span class=\"col-2 span-control left\">"+SystemEnv.getHtmlNoteName(4371)+"</span>"  //小标题：
					+ "<span class=\"col-m-8\">"
						+ "<input data-autobind='smallTitle' type=\"text\" id=\"smallTitle_"+theId+"\" class=\"form-control\" "+MLanguage.ATTR+"/>"
					+ "</span>"
				+ "</div>" 
				
				+ "<div class=\"row MADNH_BaseInfo_Entry\">"
					+ "<span class=\"col-2 span-control left\">"+SystemEnv.getHtmlNoteName(4946)+"</span>"  //固定顶部：
					+ "<span class=\"col-m-8\">"
						+ "<span>"
							+ "<input data-autobind type=\"checkbox\" id=\"isFixedTop_"+theId+"\" value=\"1\"/>"
						+ "</span>"
					+ "</span>"
				+ "</div>" 
			
				+ "<div class=\"row MADNH_BaseInfo_Entry\">"
					+ "<span class=\"col-4 span-control left MADNH_BaseInfo_Entry_Label MADNH_BaseInfo_Entry_Label"+styleL+"\">"+SystemEnv.getHtmlNoteName(4349)+"</span>"  //单击事件：
					+ "<span class=\"col-8 pd-7\">"
						+ "<div class='multi-switch'>"
							+ "<span onclick=\"MADNH_ChangeClickType(this, '"+theId+"');\">"
								+ "<input data-checkbox='false' type=\"checkbox\" name=\"clickType_"+theId+"\" value=\"1\"/><span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(4343)+"</span>"  //返回
							+ "</span>"
							+ "<span style=\"position: relative;\" onclick=\"MADNH_ChangeClickType(this, '"+theId+"');\">"
								+ "<input data-checkbox='false' type=\"checkbox\" name=\"clickType_"+theId+"\" value=\"2\"/><span class=\"cbboxLabel\">"+SystemEnv.getHtmlNoteName(4634)+"</span>"  //脚本
							+ "</span>"
							+ "<a id=\"clickScriptWrap_"+theId+"\" class=\"click-control hide nhbtn_click_desc\" onclick=\"MADNH_addClickScript('"+theId+"')\">"
								+ "<input  id=\"clickScript_"+theId+"\" type=\"hidden\" value=\"\">"
							+ "</a>"
						+ "</div>"
					+ "</span>"
				+ "</div>"
				
			+"</div>";
	htm += "<div class=\"title\">"+SystemEnv.getHtmlNoteName(4635)+"<div class=\"add-before\" data-autobind data-scroll=\"bottom\" onclick=\"MADNH_AddBtn('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3518)+"</div></div>";
	htm += "<div class=\"form-group navHeader_nhbtn_content\">"
				+ "<div class=\"tip-control navHeader_nhbtn_empty_tip\">"+SystemEnv.getHtmlNoteName(4159)+"</div>"  //单击右上角的添加按钮以添加内容
				+ "<ul id=\"MADNH_Btns_"+theId+"\" class=\"normal-list\"></ul>"
		  + "</div>";
	htm += "<div class=\"bottom MADNH_Bottom\"><div class=\"save-btn MADNH_SaveBtn\" onclick=\"refreshMecDesign('"+theId+"');\">"+SystemEnv.getHtmlNoteName(3451)+"</div></div>";  //确定
	htm += "</div>";
	
	htm += "<div class=\"MAD_Alert\">"+SystemEnv.getHtmlNoteName(4115)+"</div>";  //已生成到布局
	return htm;
};

/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.NavHeader.prototype.afterAttrDlgBuild = function(){
	var theId = this.id;
	var $attrContainer = $("#MADNH_"+theId);
    var mecHandler = MECHandlerPool.getHandler(theId);
	
	MLanguage.setValue($("#title_"+theId), Mec_FiexdUndefinedVal(this.mecJson["title"]));
	
	MLanguage.setValue($("#smallTitle_"+theId), Mec_FiexdUndefinedVal(this.mecJson["smallTitle"]));
	
	var isFixedTop = Mec_FiexdUndefinedVal(this.mecJson["isFixedTop"]);
	if(isFixedTop == "1"){
		$("#isFixedTop_"+theId).checked();
	}
	
	var clickTypeV = this.mecJson["clickType"];
	var $clickType = $("input[type='checkbox'][name='clickType_"+theId+"'][value='"+clickTypeV+"']");
	if($clickType.length > 0){
		$clickType.switched();
	}
	var scriptCode = Mec_FiexdUndefinedVal(this.mecJson["clickScript"]);
	var $clickScript = $("#clickScript_"+theId).val(scriptCode);

	SL_ChangeStyle($clickScript.parent(), scriptCode);
	
	var btn_datas = this.mecJson["btn_datas"];
	if(!btn_datas){
		btn_datas = [];
	}
	if(btn_datas.length == 0){
		$(".navHeader_nhbtn_empty_tip", $attrContainer).show();
	}
	for(var i = 0; btn_datas && i < btn_datas.length; i++){
		MADNH_AddBtnToPage(theId, btn_datas[i]);
	}
	
	$("#MADNH_"+theId).switcher().checkbox();

	$("#MADNH_Btns_"+theId).sortable({
		revert: false,
		axis: "y",
		items: "li",
		handle: ".bemove",
		update: function(){
			mecHandler.autobind.update();
		}
	});
};

/*获取JSON*/
MEC_NS.NavHeader.prototype.getMecJson = function(){
	var theId = this.id;
	
	this.mecJson["id"] = theId;
	this.mecJson["mectype"] = this.type;
	
	var $attrContainer = $("#MAD_"+theId);
	if($attrContainer.length > 0){
		this.mecJson["title"] = MLanguage.getValue($("#title_"+theId));
		this.mecJson["smallTitle"] = MLanguage.getValue($("#smallTitle_"+theId));
		this.mecJson["isFixedTop"] = $("#isFixedTop_"+theId).is(':checked') ? "1" : "0";
		this.mecJson["clickType"] = $("input[type='checkbox'][name='clickType_"+theId+"']:checked").val();
		this.mecJson["clickScript"] = $("#clickScript_"+theId).val();
		
        var btn_datas = [];
		var $BtnLi = $(".navHeader_nhbtn_content > ul > li", $attrContainer);
		$BtnLi.each(function(){
			var liId = $(this).attr("id");
			if(liId && liId != ""){
			    var btn_item = {};
				var btnType = $("select[name='btnType']", $(this)).val();
				var btnClickType = $("input[name='btnClickType']", $(this)).val();
				var btnId = liId.substring("li_".length);
				
				var nhimg_item = {};
				nhimg_item["iconpath"] = $("#pic_path_"+btnId).val();
				nhimg_item["icontype"] = $("#pic_type_"+btnId).val();
				nhimg_item["iconstyle"] = $("#pic_style_"+btnId).val();
				nhimg_item["iconwidth"] = $("#pic_path_"+btnId).attr("iconwidth");
				nhimg_item["iconheight"] = $("#pic_path_"+btnId).attr("iconheight");
				var btnText = MLanguage.getValue($("input[name='btnText']", $(this)));
				var btnScript = $("input[name='btnScript']", $(this)).val();
				var btnMenu = $("input[name='btnMenu']", $(this)).val();
                btn_item["id"] = btnId;
                btn_item["btnType"] = btnType;
                btn_item["btnText"] = btnText;
                btn_item["nhimg_item"] = nhimg_item;
                btn_item["btnClickType"] = btnClickType;
                btn_item["btnScript"] = btnScript;
                btn_item["btnMenu"] = btnMenu;
                btn_datas.push(btn_item);
			}
		});
		this.mecJson["btn_datas"] = btn_datas;
	}
	return this.mecJson;
};

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

  	mec.changeMecJsonUUid(mecJson.button_datas);
};

MEC_NS.NavHeader.prototype.getDefaultMecJson = function(){
	var theId = this.id;
	
	var defMecJson = {};
	
	defMecJson["id"] = theId;
	defMecJson["mectype"] = this.type;
	
	defMecJson["title"] = SystemEnv.getHtmlNoteName(3534); //标题
	defMecJson["smallTitle"] = "";	//小标题
	defMecJson["clickType"] = "1";	//单击类型
	defMecJson["clickScript"] = "";	//单击脚本
	defMecJson["btn_datas"] = [];
	
	return defMecJson;
};

function MADNH_ChangeClickType(switchInner, mec_id){
	var value = $(switchInner).find('input').val();

	if(value == "2"){
		$("#clickScriptWrap_" + mec_id).show();
	} else{
		$("#clickScriptWrap_" + mec_id).hide();
	}
}

function MADNH_addClickScript(mec_id){
	var $btnScript = $("#clickScript_"+mec_id);
	SL_AddScriptToField($btnScript);
}

function MADNH_AddBtn(mec_id){
	var result = {};
	result["id"] = new UUID().toString();
	result["btnType"] = "";
	result["btnText"] = "";
	result["nhimg_item"] = {};
	result["nhimg_item"]["iconpath"] = "";
	result["nhimg_item"]["icontype"] = "";
	result["nhimg_item"]["iconstyle"] = "";
	result["nhimg_item"]["iconwidth"] = "";
	result["nhimg_item"]["iconheight"] = "";
    result["btnClickType"] = "0";
    result["btnScript"] = "";
    result["btnMenu"] = "";

	MADNH_AddBtnToPage(mec_id, result);
}

function MADNH_AddBtnToPage(mec_id, result){
	
	var $attrContainer = $("#MADNH_"+mec_id);
	
	$(".navHeader_nhbtn_empty_tip", $attrContainer).hide();
	
	var $ul = $(".navHeader_nhbtn_content > ul", $attrContainer);
	var $li = $("<li id=\"li_"+result["id"]+"\"></li>");
	var htm = "<table>";
	    htm += "<tbody>";
	    	htm += "<tr>";
	    		htm += "<td class=\"bemove\" width=\"20px\"></td>"
	    		htm += "<td width=\"65px\">";
	    			htm += "<select data-autobind name=\"btnType\" id=\"btnTypeSelect_"+result["id"]+"\" onchange=\"MADNH_BtntypeChange('"+mec_id+"', '"+result["id"]+"')\" style=\"padding-left: 10px;\">";
	    				htm += "<option value=\"1\">"+SystemEnv.getHtmlNoteName(4373)+"</option>";  //文字
	    				htm += "<option value=\"2\">"+SystemEnv.getHtmlNoteName(4167)+"</option>";  //图片
	    			htm += "</select>";
				htm += "</td>";
	    	
			    htm += "<td width=\"*\" valign=\"middle\" id=\"textTD_"+result["id"]+"\">";
			    	htm += "<input data-autobind name=\"btnText\" type=\"text\" class=\"form-control\" placeholder=\""+SystemEnv.getHtmlNoteName(4177)+"\" "+MLanguage.ATTR+"/>";  //按钮名称
			    htm += "</td>";
			    
			    htm += "<td width=\"*\" id=\"imgTD_"+result["id"]+"\" onclick=\"MADNH_PicSet('"+result["id"]+"','"+mec_id+"');\" style=\"display: none;\">";
			    	htm += "<img class=\"icon\" id=\"pic_img_"+result["id"]+"\" src=\"/mobilemode/images/mec/add-img-btn_wev8.png\">";
			    	htm += "<input type=\"hidden\" id=\"pic_type_"+result["id"]+"\"/>";
			    	htm += "<input type=\"hidden\" id=\"pic_style_"+result["id"]+"\"/>";
			    	htm += "<input type=\"hidden\" id=\"pic_path_"+result["id"]+"\" iconwidth=\"\" iconheight=\"\"/>";
			    htm += "</td>";
			    
			    htm += "<td width=\"110px\">";
    				htm += "<div class=\"nhbtn_click_type\">";
                        htm += "<div class=\"click-control nhbtn_click_desc\">";
    						htm += "<input name=\"btnClickType\" type=\"hidden\" value=\"\"/>";
							htm += "<input name=\"btnScript\" type=\"hidden\" value=\"\"/>";
							htm += "<input name=\"btnMenu\" type=\"hidden\" value=\"\"/>";
							htm += "<span></span>"
						htm += "</div>";
						htm += "<div class=\"navheader-btn btn-arrow\">";
						htm += "</div>";
					htm += "</div>";
				htm += "</td>";
				
				htm += "<td width=\"24px\">";
					htm += "<span class=\"del-after2 inparam_nhbtn_del\" onclick=\"MADNH_deleteOneBtnOnPage('"+mec_id+"','"+result["id"]+"')\"></span>";
				htm += "</td>";
				
			htm += "</tr>";
		htm += "</tbody>";
	htm += "</table>";

    $li.html(htm);
    $ul.append($li);
    var $btnOpt = $("<div id=\"btnClickType_"+mec_id+"\" class=\"nhbtn_click_desc click-control\">"
        + "</div>");

    var cssText = '\
    #btnClickType_'+mec_id+' { position: fixed; z-index: 110; width: 82px; height: 32px; padding: 0 6px 0 26px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #d9d9d9; border-radius: 4px; cursor: pointer; margin: 0 auto; text-align: left; line-height: 30px; background: #fff;}\
    #btnClickType_'+mec_id+':after {content: "\\e71c"; font: 24px/1 iconfont; position: absolute; display: inline-block; left: 2px; height: 30px; line-height: 30px; color: #666;}\
    #btnClickType_'+mec_id+'.btn-script:after {content: "\\e71c";}\
    #btnClickType_'+mec_id+'.btn-menu:after {content: "\\ee7f";}\
            ';

    $('.navheader-btn.btn-arrow', $li).on('click', function(e){
        var $this = $(this);
		if($('input[name="btnClickType"]', $li).val() == '0'){
			$btnOpt.text(SystemEnv.getHtmlNoteName(4351));  //添加菜单
			$btnOpt.addClass('btn-menu').removeClass('btn-script');
		} else {
			$btnOpt.text(SystemEnv.getHtmlNoteName(4178));
			$btnOpt.addClass('btn-script').removeClass('btn-menu');  //单击事件
		}
		if($this.hasClass('reverse')){
			$('#btnClickType_'+mec_id).remove();
			$this.removeClass('reverse');
			return;
		} else {
			$this.addClass('reverse');
		}
		$btnOpt.on('mouseover', function(){
			$(this).css('border-color', '#108ee9');
		}).on('mouseleave', function(){
			$(this).css('border-color', '#d9d9d9');
		}).on('mousedown.select', function(){
			var btnClickType = $('input[name="btnClickType"]', $li).val();
			if(btnClickType == '0'){
				$('.nhbtn_click_type .nhbtn_click_desc span', $li).text(SystemEnv.getHtmlNoteName(4351)); //添加菜单
				$('.nhbtn_click_type .click-control', $li).addClass('btn-menu').removeClass('btn-script');
				$('input[name="btnClickType"]', $li).val('1');

				var btnMenu = $('input[name="btnMenu"]', $li).val();
                SL_ChangeStyle($('input[name="btnMenu"]', $li).parent('.click-control'), btnMenu);
			} else {
				$('.nhbtn_click_type .nhbtn_click_desc span', $li).text(SystemEnv.getHtmlNoteName(4178)); //单击事件
                $('.nhbtn_click_type .click-control', $li).addClass('btn-script').removeClass('btn-menu');
                $('input[name="btnClickType"]', $li).val('0');

                var btnScript = $('input[name="btnScript"]', $li).val();
                SL_ChangeStyle($('input[name="btnScript"]', $li).parent('.click-control'), btnScript);
			}
		});
		$('body').append($btnOpt);
        require(['components/common'], function(common){
            common.importCssText('btnClickType_'+mec_id, cssText);
            common.position($this.parent(), $btnOpt, 'left');
        });
        $('body').one('mousedown.removeType', function(){
            $('#btnClickType_'+mec_id).remove();
            $this.removeClass('reverse');
        });
        e.stopPropagation();
    });

	MLanguage.setValue($("input[name='btnText']", $li), result["btnText"]);
	
	$("#btnTypeSelect_"+result["id"], $li).val(result["btnType"] || "1");
	
	MADNH_BtntypeChange(mec_id, result["id"]);
	
	MADNH_SetPicPath(result["id"], result["nhimg_item"]["iconpath"]);
	
	$("#pic_type_"+result["id"], $li).val(result["nhimg_item"]["icontype"]);
	$("#pic_style_"+result["id"], $li).val(result["nhimg_item"]["iconstyle"]);
	$("#pic_path_"+result["id"], $li).val(result["nhimg_item"]["iconpath"]);
	$("#pic_path_"+result["id"], $li).attr("iconwidth", result["nhimg_item"]["iconwidth"]);
	$("#pic_path_"+result["id"], $li).attr("iconheight", result["nhimg_item"]["iconheight"]);

	var btnClickType = result["btnClickType"] || '0';
	if(btnClickType == '0'){
		$('.nhbtn_click_type .nhbtn_click_desc span', $li).text(SystemEnv.getHtmlNoteName(4178));
        $('.nhbtn_click_type .click-control', $li).addClass('btn-script');
	} else {
        $('.nhbtn_click_type .nhbtn_click_desc span', $li).text(SystemEnv.getHtmlNoteName(4351));// 添加菜单
        $('.nhbtn_click_type .click-control', $li).addClass('btn-menu');
    }
	$("input[name='btnClickType']", $li)[0].value = btnClickType;
	var btnScript = result["btnScript"];
	$("input[name='btnScript']", $li)[0].value = btnScript;
	var btnMenu = result["btnMenu"] || '';
	$("input[name='btnMenu']", $li)[0].value = btnMenu;
	var $clickControl = $(".click-control", $li);
	
	$clickControl.click(function(){
		if($("input[name='btnClickType']", $li).val() == '0'){
            var $this = $(this);
            var $btnScript = $("input[name='btnScript']", $this);
            SL_AddScriptToField($btnScript);
		} else {
			var $this = $(this);
            var navMenuDlg = top.createTopDialog();//定义Dialog对象
			var btnMenu = $("input[name='btnMenu']", $this).val() || '';
			var id = result.id || '';
            if(!id){
                return;
            }
            navMenuDlg.Model = true;
            navMenuDlg.Width = 600;//定义长度
            navMenuDlg.Height = 580;
            navMenuDlg.normalDialog = false;

            eval("top.Nav_Menu_"+id+" = btnMenu;");
            navMenuDlg.URL = "/mobilemode/admin/dialog/addNavMenu.jsp?id="+id+"&appid="+appid;
            navMenuDlg.Title = SystemEnv.getHtmlNoteName(4351);  //添加菜单
            navMenuDlg.show();
            navMenuDlg.hookFn=function(result){
                $('input[name="btnMenu"]', $this).val(result);
                SL_ChangeStyle($clickControl, result);
            };
		}
	});
	if(btnClickType == '0'){
        SL_ChangeStyle($clickControl, btnScript);
    } else {
		SL_ChangeStyle($clickControl, btnMenu);
	}

	$li.find('select').niceSelect();
	$li.MLanguage();
}

function MADNH_deleteOneBtnOnPage(mec_id, id){
	var msg = SystemEnv.getHtmlNoteName(4175);  //确定删除吗？
	
	confirm(msg, function() {
		var mecHandler = MECHandlerPool.getHandler(mec_id);
		var btn_datas = mecHandler.mecJson["btn_datas"];
		if(!btn_datas){
			btn_datas = [];
		}
		var index = -1;
		for(var i = 0; i < btn_datas.length; i++){
			var data = btn_datas[i];
			if(data["id"] == id){
				index = i;
				break;
			}
		}
		if(index != -1){
			btn_datas.splice(index, 1);
		}
		
		$("#li_" + id).remove();
		
		if(btn_datas.length == 0){
			var $attrContainer = $("#MADNH_"+mec_id);
			$(".navHeader_nhbtn_empty_tip", $attrContainer).show();
		}
		mecHandler.autobind.update();
	});
}

function MADNH_BtntypeChange(mec_id, btnId){
	var $Entry = $("#MADNH_"+mec_id);

	var btntype = $("#btnTypeSelect_"+btnId, $Entry).val();
	if(btntype == "1"){
		$("#textTD_"+btnId, $Entry).show();
		$("#imgTD_"+btnId, $Entry).hide();
	}else if(btntype == "2"){
		$("#textTD_"+btnId, $Entry).hide();
		$("#imgTD_"+btnId, $Entry).show();
	}
}

function MADNH_PicSet(btnId, mec_id){
	var pic_typeV = MADNH_IsNvl($("#pic_type_"+btnId).val(),"0");
	var pic_styleV = MADNH_IsNvl($("#pic_style_"+btnId).val(),"1");
	var pic_pathV = $("#pic_path_"+btnId).val();
	var iconwidthV = $("#pic_path_"+btnId).attr("iconwidth");
	var iconheightV = $("#pic_path_"+btnId).attr("iconheight");
	var params = "pic_type=" + pic_typeV + "&pic_style=" + pic_styleV + "&pic_path=" + encodeURIComponent(pic_pathV) + "&iconwidth=" + iconwidthV + "&iconheight=" + iconheightV;
	var mecHandler = MECHandlerPool.getHandler(mec_id);
	
	showPicsetModal(params, function(result){
		var picType = result["pic_type"];
		var picPath = result["pic_path"];
		var iconwidth = result["iconwidth"];
		var iconheight = result["iconheight"];
		var picStyle = result["pic_style"];
		if (picStyle == "1") {
			iconwidth = "";
			iconheight = "";
		} 
		$("#pic_type_"+btnId).val(picType);
		$("#pic_style_"+btnId).val(picStyle);
		$("#pic_path_"+btnId).val(picPath);
		$("#pic_path_"+btnId).attr("iconwidth",iconwidth);
		$("#pic_path_"+btnId).attr("iconheight",iconheight);
		
		MADNH_SetPicPath(btnId, picPath);
		mecHandler.autobind.update();
	});
}

function MADNH_SetPicPath(btnId, picPath){
	var $picImg = $("#pic_img_"+btnId);
	if(picPath && picPath != ""){
		$picImg[0].src = picPath;
	}else{
		$picImg[0].src = "/mobilemode/images/mec/add-img-btn_wev8.png";
	}
}

function MADNH_IsNvl(str, dev){
	if (str == "") return dev;
	else return str;
}