function selectFabricPopup(type, postFnName, params) {
	if (!postFnName) {
		postFnName = "";
	}
	if (!params) {
		params = "";
	}

	var div = document.getElementById("selectProductionDiv");
	if (!div) {
		div = document.createElement("div");
		div.id = "selectProductionDiv";
		div.style.position = "absolute";
		div.style.zIndex = "9";
		div.style.background = "rgba(8, 8, 8, .8)";
		div.style.left = 0;
		div.style.top = 0;
		div.style.width = "100%";
		var height = document.body.scrollHeight;

		if(height < 500) {
		  height = 500;
		}

		div.style.height = height + "px";
		div.className = "opacity";

		document.body.appendChild(div);
		$("#selectProductionDiv").click(function(){
			$("#selectProductionDiv").hide();
		});
	}

	showObj("selectProductionDiv", true);
	var scrollTop = document.body.scrollTop;
	var swidth = window.screen.availWidth - 100;
	var sheight = window.screen.availHeight - 200;

	if(scrollTop == 0) {
	  scrollTop = document.documentElement.scrollTop;
	}

	scrollTop += 50;

	var html = "<div style='box-sizing: border-box; position: absolute; top: " + (scrollTop - 25) + "px; width: 100%; height: " + (sheight + 20) + "px'>"
	html += '<div style="position: relative; background: #ffffff; margin: 0 1em;">';
	html += '<div class="text-right" style="cursor:pointer; font-size: 130%; padding-right: 22px; padding-top: 10px; padding-bottom: 10px;"><i class="fa fa-close"></i></div>';
	html += "<iframe style='background: #ffffff; position: absolute; top: " + scrollTop + " px; width: 100%; height: " + sheight + "px' src='/pub/design.do?action=selectFabric&popup=true&pt=" + type + "&postFnName=" + postFnName + params + "' frameborder='0'></iframe>";
	html += "</div>";
	html += "</div>";


	div.innerHTML = html;
}

function refreshFabricDesc (id, descId) {
	var fabricId = $("#" + id).val();

	if (isNaN(fabricId )) {
		return;
	}

	$("#" + descId).html( "loading..." );

	PublicAjaxHelper.getFabric( fabricId, function(data) {
		if (data) {
			var desc = data.title + "(" + data.code + ")";
			$("#" + descId).html( desc + " <img src='/images/common/ok.png'>" );
		} else {
			$("#" + descId).html( "" );
		}
	});
}

function closeFabricPopup() {
	showObj("selectProductionDiv", false);
}