JezK

Edit File: unitecreator_params_dialog.js

"use strict";

function UniteCreatorParamsDialog(){

var t = this;
	var g_objWrapper, g_objSelectType, g_objTabContentWrapper, g_objLeftArea, g_objRightArea, g_objCustomListAttributes;
	var g_objError, g_objParamTitle, g_objParamName;
	var g_objTexts, g_objParent, g_objData, g_objSettings, g_currentOpenedType, g_currentOpenedName;

var g_arrSpecialInputs = {};	//array of special inputs
	var g_isEnableEditPro = false;
	var g_enableLimitPro = false;
	var g_isProVersion = false;
	
	var events = {
			CHANGE_NAME: "name_change",
			OPEN: "open",
			INIT: "init"
	};

if(!g_ucAdmin){		//for autocomplete
		var g_ucAdmin = new UniteAdminUC();
	};

function ____________GETTERS____________(){};

/**
	 * get all param types array
	 */
	function getArrParamTypes(){
		var arrTypes = [];

var options = g_objSelectType.find("option");

jQuery.each(options, function(index, option){
			var type = jQuery(option).data("type");
			arrTypes.push(type);
		});

return(arrTypes);
	}

/**
	 * get all inputs
	 */
	function getAllInputs(){

var objInputs = g_objWrapper.find("input,textarea,select,.uc-table-dropdown-items").not(".unite_table_settings_wide").not(".uc-not-input");

return(objInputs);
	}

/**
	 * get current right content
	 */
	function getCurrentRightContent(){

var objContent = g_objRightArea.find(".uc-content-selected");

if(objContent.length == 0)
			throw new Error("no current content found");

if(objContent.length > 1)
			throw new Error("multiple selected contents found");

return(objContent);
	}

/**
	 * get inputs of params dialog
	 */
	function getCurrentInputs(){

var selector = "input,textarea,select,.uc-table-dropdown-items";

var objCurrentContent = getCurrentRightContent();

var objInputsLeft = g_objLeftArea.find(selector).not(".unite_table_settings_wide").not(".uc-not-input");
		var objInputsRight =  objCurrentContent.find(selector).not(".unite_table_settings_wide").not(".uc-not-input");

var objInputs = objInputsLeft.add(objInputsRight);

return objInputs;
	}

/**
	 * get input name
	 */
	function getInputName(objInput){
		
		var paramName = objInput.prop("name");
		if(!paramName)
			paramName = objInput.data("name");
		
		/*
		if(!paramName){
			trace("params dialog: name not found");
			trace(objInput);
		}
		*/
		
		return(paramName);
	}

/**
	 * get content of params dialog
	 */
	function getParamDialogContent(){
		
		var arrInputs = getCurrentInputs();

var objParam = {};

//var selectedTab = g_objSelectType.find("option:selected");

var selectedTab = g_objCustomListAttributes.find("li.active");

if(selectedTab.length == 0)
			throw new Error("No param tab selected");

objParam.type = selectedTab.data("type");

//set inputs data
		jQuery.each(arrInputs, function(index, input){

var objInput = jQuery(input);
			var inputType = getInputType(objInput);

var paramName = getInputName(objInput);
			
			var hasName = true;
			if(paramName == undefined || paramName == "")
				hasName = false;

var isSpecialType = g_arrSpecialInputs.hasOwnProperty(inputType);
			
			//regular items
			if(hasName == true && isSpecialType == false){

switch(inputType){
					case "text":
					case "textarea":
						var paramValue = objInput.val();
						objParam[paramName] = paramValue;
					break;
					case "radio":
						var isChecked = objInput.is(":checked");
						if(isChecked == true){
							var paramValue = objInput.val();
							objParam[paramName] = paramValue;
						}
					break;
					case "select":
						var paramValue = objInput.val();
						objParam[paramName] = paramValue;
					break;
					case "checkbox":
						var paramValue = objInput.is(":checked");
						objParam[paramName] = paramValue;
					break;
					default:
						throw new Error("Unknown input type: " + inputType);
					break;

}//end switch

}else{		//special items

var isSimpleType = g_ucAdmin.isSimpleInputType(inputType);

//special type get function
				if(isSimpleType == false){

if(g_arrSpecialInputs.hasOwnProperty(inputType) == false)
						throw new Error("The input type: "+ inputType + " should have get function");

//get special input data

var objSpecialInput = g_arrSpecialInputs[inputType];
					var objSpecialData = objSpecialInput.onGetInputData(objInput);

if(typeof objSpecialData != "object")
						throw new Error("The special param get function should return object: "+inputType);
										
					objParam = jQuery.extend(objParam, objSpecialData);

}

});

return(objParam);
	}

function ____________GENERAL____________(){};

/**
	 * get input type
	 */
	function getInputType(objInput){
		
		var inputType = g_ucAdmin.getInputType(objInput);
		
		return(inputType);
	}

/**
	 * clear params dialog
	 */
	function clearParamDialog(){
		
		var objInputs = getAllInputs(true);

//clear simple inputs
		objInputs.each(function(index, input){
			var objInput = jQuery(input);
			var initval = objInput.data("initval");
			var attrName = objInput.attr("name");

var inputType = getInputType(objInput);

switch(inputType){
				case "text":
				case "textarea":
					if(initval !== undefined)
						objInput.val(initval);
					else
						objInput.val("");

//check color picker
					if(objInput.hasClass("uc-text-colorpicker"))
						objInput.trigger("keyup");
					objInput.trigger("change");
				break;
				case "radio":
					var objRadioWrapper = objInput.parents(".uc-radioset-wrapper");

if(objRadioWrapper.length == 0)
						throw new Error("Every radio should have a .uc-radioset-wrapper");

var defaultItemChecked = objRadioWrapper.data("defaultchecked");
					var inputValue = objInput.val();

defaultItemChecked = g_ucAdmin.boolToStr(defaultItemChecked);

if(inputValue == defaultItemChecked)
						objInput.trigger("click");
				break;
				case "select":
					var initValue = objInput.data("initval");
					if(initValue != undefined)
						objInput.val(initValue)

//for select unit
					if(objInput.hasClass("uc-select-unit"))
						objInput.siblings(".uc-text-unit-custom").hide();

objInput.trigger("change");
				break;
				case "checkbox":
					var defaultChecked = objInput.data("defaultchecked");
					defaultChecked = g_ucAdmin.strToBool(defaultChecked);
					objInput.prop("checked", defaultChecked);
					objInput.trigger("change");
				break;
			}

});

//clear special params
		objInputs.each(function(index, input){
			var objInput = jQuery(input);
			var inputType = getInputType(objInput);

var isSimpleType = g_ucAdmin.isSimpleInputType(inputType);
			if(isSimpleType == true)
				return(true);

if(g_arrSpecialInputs.hasOwnProperty(inputType) == false)
				throw new Error("The input type: "+ inputType + " not found");

var objSpecialInput = g_arrSpecialInputs[inputType];

if(typeof objSpecialInput.onClearInputData == "function")
				objSpecialInput.onClearInputData(objInput);

});

}

/**
	 * fill params dialog
	 */
	function fillParamsDialog(objData){
		
		clearParamDialog();

selectParamDialogTabByType(objData.type);
		
		var objInputs = getCurrentInputs();

//fill simple type the inputs
		jQuery.each(objInputs, function(index, input){

var objInput = jQuery(input);
			var inputName = getInputName(objInput);
			var inputType = getInputType(objInput);

var isSimpleType = g_ucAdmin.isSimpleInputType(inputType);

if(isSimpleType == false)
				return(true);

if(objData.hasOwnProperty(inputName) == false)
				return(true);

var value = objData[inputName];

switch(inputType){
				case "text":
				case "textarea":
					objInput.val(value);
					objInput.trigger("change");
				break;
				case "radio":
					var radioValue = objInput.val();
					if(radioValue == value)
						objInput.trigger("click");
				break;
				case "select":
					objInput.val(value);
					if(objInput.hasClass("uc-select-unit") && value == "other")
						objInput.siblings(".uc-text-unit-custom").show();
					objInput.trigger("change");
				break;
				case "checkbox":

value = g_ucAdmin.strToBool(value);
					objInput.prop("checked", value);
					objInput.trigger("change");
				break;
			}

});

//fill special type inputs
		jQuery.each(objInputs, function(index, input){

var objInput = jQuery(input);
			var inputType = getInputType(objInput);

var isSimpleType = g_ucAdmin.isSimpleInputType(inputType);
			if(isSimpleType == true)
				return(true);

if(g_arrSpecialInputs.hasOwnProperty(inputType) == false)
				throw new Error("The input type: "+ inputType + " not found");

var objSpecialInput = g_arrSpecialInputs[inputType];

if(typeof objSpecialInput.onFillInputData == "function")
				objSpecialInput.onFillInputData(objInput, objData);
			
		});

//limit edit
		if(objData.hasOwnProperty("limited_edit") && g_ucAdmin.strToBool(objData.limited_edit) == true)
			limitDialog();
		else
			unlimitDialog();

}

/**
	 * validate the param dialog
	 */
	function validateParamDialog(objParam){

try{
			if(objParam.hasOwnProperty("title"))
				g_ucAdmin.validateNotEmpty(objParam.title, "Title");

g_ucAdmin.validateNotEmpty(objParam.name, "Name");

g_ucAdmin.validateNameField(objParam.name, "Name");
			
			if(objParam.type === "uc_file"){
				var hasFileTypes = (
					objParam.file_type_application === true ||
					objParam.file_type_image === true ||
					objParam.file_type_video === true ||
					objParam.file_type_svg === true
				);
				
				if(hasFileTypes === false)
					throw new Error("Please select at least one file type");
			}

}catch(error){
			g_objError.show().html(error.message);
			return(false);
		}

return(true);
	}

/**
	 * open addon add/edit dialog
	 * paramType - main / items
	 */
	this.open = function(objData, rowIndex, onActionFunc, dialogType){

var isEdit = false;
		if(objData)
			isEdit = true;

var actionTitle = g_objTexts.add_button;
		var dialogTitle = g_objTexts.add_title;
		var paramType = null;
		var dialogAddEditClass = "";

g_currentOpenedType = dialogType;
		g_currentOpenedName = null;

if(isEdit == true){

g_currentOpenedName = objData.name;

actionTitle = g_objTexts.update_button;

var paramTitle = objData.name;
			if(typeof objData.title != "undefined")
				var paramTitle = objData.title;

dialogTitle = g_objTexts.edit_title + ": " + paramTitle;

paramType = objData.type;

dialogAddEditClass = 'uc-dialog-edit';
		}
		else{
			dialogAddEditClass = 'uc-dialog-add';
		}

//show/hide admin label
		var objAdminLabel = g_objWrapper.find(".uc-dialog-param-admin-label-wrapper");
		if(objAdminLabel.length){
			if(dialogType == "main")
				objAdminLabel.show();
			else
				objAdminLabel.hide();
		}

//set wrapper type class
		if(dialogType == "items"){
			g_objWrapper.addClass("uc-param-type-item");
		}
		else
			g_objWrapper.removeClass("uc-param-type-item");

//filter select params by type
		var buttonOpts = {};

//---- cancel click

buttonOpts["Cancel"] = function(){
			g_objWrapper.dialog("close");
		};

//---- action click

buttonOpts[actionTitle] = function(){
			
			var objParam = getParamDialogContent();
						
			if(typeof onActionFunc != "function")
				throw new Error("on add/edit function not passed");

g_objError.hide();

if(validateParamDialog(objParam) == false)
				return(false);
			
			if(isEdit == false)
				onActionFunc(objParam);		//add function
			else{
				var rowIndex = g_objWrapper.data("rowindex");
				onActionFunc(objParam, rowIndex);		//edit function
			}

g_objWrapper.dialog("close");
		};

//hide error
		g_objError.hide();

//unlimit dialog before open
		if(isEdit == false){
			unlimitDialog();
		}
				
		g_objWrapper.dialog({
			dialogClass:"unite-ui unite-dialog-responsive "+dialogAddEditClass,
			buttons:buttonOpts,
			minWidth:1020,
			title: dialogTitle,
			modal:true,
			open:function(){

if(isEdit == false){
					
					g_objData = null;
					
					clearParamDialog();
				}
				else{
					g_objWrapper.data("rowindex", rowIndex);
					g_objData = objData;
					
					fillParamsDialog(objData);
					
				}

//focus only if empty
				if(isEdit == false){
					if(g_objParamTitle.length)
						g_objParamTitle.focus();
					else
						g_objParamName.focus();
				}

initCustomListAttributesForSelectType();
				triggerEvent(events.OPEN);

}
		
		});

}

/**
	 * select param dialog tab by type
	 */
	function selectParamDialogTabByType(type){

//var options = g_objSelectType.find("option");

var customListAttributes = g_objCustomListAttributes;

customListAttributes.find('li').removeClass("active");

customListAttributes.find('li').each(function(index, option){
			var objOption = jQuery(option);
			var tabType = objOption.data("type");

if(tabType == type){
				var optionValue = objOption.data("value");
				g_objSelectType.val(optionValue);
				g_objSelectType.trigger("change");
				objOption.addClass("active");

return(false);
			}

});

}

function ____________DROPDOWN_PARAM____________(){};

/**
	 * add row to dropdown param
	 */
	function dropdownParamAddRow(objTable, objRowBefore, objData){
		
		var html = "";

var valueName = "";
		var valueValue = "";
		var selectedClass = "";
		var classProSelected = "";
		var classProSelectedRow = "";
		
		if(objData){

if(objData.name)
				valueName = objData.name;

if(objData.value)
				valueValue = objData.value;

if(objData.isDefault == true)
				selectedClass = " uc-selected";
			
			var isPro = g_ucAdmin.getVal(objData,"isPro");
			
			if(isPro === true){
				classProSelected = " uc-selected";
				classProSelectedRow = " uc-pro-selected";
			}

}
		
		valueValue = g_ucAdmin.htmlspecialchars(valueValue);

html += "<tr class='"+classProSelectedRow+"'>";
		html += "<td><div class='uc-dropdown-item-handle'></div></td>";
		html += "<td><input type=\"text\" value=\""+valueName+"\" class='uc-dropdown-item-name'></td>";
		html += "<td><input type=\"text\" value=\""+valueValue+"\" class='uc-dropdown-item-value'></td>";
		html += "<td>";
		html += "<div class='uc-dropdown-icon uc-dropdown-item-delete' title=\"Delete Item\"></div>";
		html += "<div class='uc-dropdown-icon uc-dropdown-item-add' title=\"Add Item\"></div>";
		html += "<div class='uc-dropdown-icon uc-dropdown-item-default"+selectedClass+"' title=\"Default Item\"></div>";
		
		if(g_isEnableEditPro == true){
			html += "<div class='uc-dropdown-icon uc-dropdown-item-pro"+classProSelected+"' title=\"Pro Setting\"></div>";
		}else{
			html += "<span class='uc-dropdown-item-pro"+classProSelected+"' style='display:none'></span>";
		}
		
		html += "</td>";
		html += "</tr>";

var objNewRow = jQuery(html);

if(!objRowBefore)
			objTable.children("tbody").append(objNewRow);
		else
			objNewRow.insertAfter(objRowBefore);
		
		return(objNewRow);
	}

/**
	 * get num, items of dropdown param
	 */
	function dropdownParamGetNumItems(objTable){

var rows = objTable.find("tbody tr");

return(rows.length);
	}

/**
	 * get dropdown param data
	 */
	function getDropdownParamData(objTable){

var isMultiple = objTable.data("ismultiple");

var rows = objTable.find(" tbody tr");

var objOptions = {};
		if(isMultiple === true)
			var defaultOption = [];
		else
			var defaultOption = "";

var optionsPro = [];

jQuery.each(rows, function(index, row){
			var objRow = jQuery(row);

var optionName = objRow.find(".uc-dropdown-item-name").val();
			var optionValue = objRow.find(".uc-dropdown-item-value").val();
			var isDefault = objRow.find(".uc-dropdown-item-default").hasClass("uc-selected");
			var isPro = false;
			
			if(g_isEnableEditPro == true){
				isPro = objRow.find(".uc-dropdown-item-pro").hasClass("uc-selected");
			}
						
			optionName = jQuery.trim(optionName);
			optionValue = jQuery.trim(optionValue);
			
			if(optionName == "")
				return(true);
			
			if(isPro == true){
				optionsPro.push(optionValue);
			}
			
			//set default option
			if(isMultiple !== true){
				if(defaultOption == "")
					defaultOption = optionValue;

if(isDefault == true)
					defaultOption = optionValue;
			}else{		//multiple

if(isDefault == true)
					defaultOption.push(optionValue);

}
			
			objOptions[optionName] = optionValue;

});

var objOutput = {
			options: objOptions,
			default_value: defaultOption
		};
		
		if(optionsPro.length){
			objOutput.pro_options = optionsPro;
			objOutput.is_pro = true;
		}
		
		return(objOutput);
	}

/**
	 * clear dropdown param
	 */
	function clearDropdownParam(objTable, leaveOneRow){

if(objTable.length == 0)
			throw new Error("dropdown parameter not found");

objTable.children("tbody").html("");

if(leaveOneRow === true)
			dropdownParamAddRow(objTable, null,{isDefault:true});
	}

/**
	 * fill dropdown param options
	 */
	function fillDropdownParamOptions(objTable, options, defaultValue, objData){

if(objTable.length == 0)
			throw new Error("dropdown parameter not found");
				
		clearDropdownParam(objTable);
		
		if(jQuery.isEmptyObject(options))
			dropdownParamAddRow(objTable);
		else{

jQuery.each(options, function(optionName, optionValue){
				
				if(jQuery.isArray(defaultValue)){
					var isDefault = (jQuery.inArray(optionValue, defaultValue) !== -1);
				}else{
					var isDefault = (optionValue == defaultValue);
				}
				
				var isPro = false;
				
				var arrPro = g_ucAdmin.getVal(objData, "pro_options",[]);
				
				isPro = (jQuery.inArray(optionValue, arrPro) !== -1);
				
				dropdownParamAddRow(objTable, null, {
					name: optionName, 
					value: optionValue, 
					isDefault:isDefault, 
					isPro:isPro});
				
			});
		}

}

/**
	 * set default first item
	 */
	function dropdownSetDefaultFirstItem(objTable){
		var firstRow = objTable.find("tbody tr:first-child");

if(firstRow.length == 0)
			return(false);

dropdownSetDefaultRow(objTable, firstRow);
	}

/**
	 * set default row
	 */
	function dropdownSetDefaultRow(objTable, objRow){
				
		var objRowDefault = objRow.find(".uc-dropdown-item-default");
		objTable.find("tbody tr .uc-dropdown-item-default").not(objRow).removeClass("uc-selected");
		objRowDefault.addClass("uc-selected");
	}

/**
	 * set default item by value
	 */
	function dropdownSetDefaultItem(objTable, defaultValue){
		
		var objRows = objTable.find("tbody tr");

objRows.each(function(index, row){

var objRow = jQuery(row);

var optionValue = objRow.find(".uc-dropdown-item-value").val();
			var isDefault = objRow.find(".uc-dropdown-item-default").hasClass("uc-selected");

optionValue = jQuery.trim(optionValue);
			
			if(optionValue == defaultValue && isDefault == false){
				dropdownSetDefaultRow(objTable, objRow);
				return(false);
			}

});

}

/**
	 * on dropdown init
	 */
	function dropdownOnInit(objDialogWrapper){

var objTableDropdown = objDialogWrapper.find(".uc-table-dropdown-items");
		if(objTableDropdown.length == 0)
			throw new Error("The table dropdown should be not empty");

//sortable:
		objTableDropdown.children("tbody").sortable({
			handle: ".uc-dropdown-item-handle"
		});

//add row button
		objTableDropdown.on("click", ".uc-dropdown-item-add", function(){
			var objTable = jQuery(this).parents(".uc-table-dropdown-items");
			var objRow = jQuery(this).parents("tr");

var objNewRow = dropdownParamAddRow(objTable, objRow);

objNewRow.find(".uc-dropdown-item-name").focus();
		});

//delete row button
		objTableDropdown.on("click", ".uc-dropdown-item-delete", function(){
			var objRow = jQuery(this).parents("tr");
			var objTable = jQuery(this).parents("table");

//if the row is default, select first remaining row
			var isDefault = objRow.find(".uc-dropdown-item-default").hasClass("uc-selected");

objRow.remove();

var numItems = dropdownParamGetNumItems(objTable);
			if(numItems == 0){
				objNewRow = dropdownParamAddRow(objTable);
				objNewRow.find(".uc-dropdown-item-name").focus();
			}

if(isDefault || numItems == 0)
				objTable.find("tbody tr:first-child .uc-dropdown-item-default").addClass("uc-selected");

});

//default icon click
		objTableDropdown.on("click", ".uc-dropdown-item-default", function(){
		
			var objIcon = jQuery(this);
			var objParentTable = objIcon.parents(".uc-table-dropdown-items");

var isMultiple = objParentTable.data("ismultiple");

if(isMultiple === true){		//multiple trigger - just toggle the class

objIcon.toggleClass("uc-selected");
				return(true);
			}

if(objIcon.hasClass("uc-selected"))
				return(false);
			
			objParentTable.find(".uc-dropdown-item-default").removeClass("uc-selected");

objIcon.addClass("uc-selected");
		});
		
		//default icon click
		if(g_isEnableEditPro){

objTableDropdown.on("click", ".uc-dropdown-item-pro", function(){
				
				var objIcon = jQuery(this);
				objIcon.toggleClass("uc-selected");
				
				var objParentRow = objIcon.parents("tr");
				objParentRow.toggleClass("uc-pro-selected");
				
			});
			
		}

}

/**
	 * init edit dialog dropdown param
	 */
	function initDropdownParam(){

//validation if dropdown instance exists
		var objTableDropdown = g_objWrapper.find(".uc-table-dropdown-items");
		if(objTableDropdown.length == 0)
			return(false);

var objDropdownParam = {};
		objDropdownParam.onInitDialog = dropdownOnInit;

//clear
		objDropdownParam.onClearInputData = function(objInput){
			clearDropdownParam(objInput, true);
		}

//get
		objDropdownParam.onGetInputData = function(objInput){

var objParamData = getDropdownParamData(objInput);

return(objParamData);
		}

//fill
		objDropdownParam.onFillInputData = function(objTable, objData){
			
			fillDropdownParamOptions(objTable, objData.options, objData.default_value, objData);

}

t.addSpecialInput("table_dropdown", objDropdownParam);

//--------- get values from select related

}

/**
	 * init edit dialog select2 param
	 */
	function initSelect2Param(){

var objSelect2Param = {};

//clear
		objSelect2Param.onClearInputData = function(objInput){
			objInput.val("");
		}

//get
		objSelect2Param.onGetInputData = function(objInput){

var value = objInput.select2("val");
			var name = objInput.data("name");

//find the text
			var option = objInput.find(':selected');
			var text = option.text();

var objData = {};
			objData[name] = value;

objData[name+"_text"] = text;

return(objData);
		}

//fill
		objSelect2Param.onFillInputData = function(objInput, objData){

var name = objInput.data("name");
			var value = g_ucAdmin.getVal(objData, name);

objInput.val(value);

if(!value)
				return(false);

//add option if not exists, if the value not exists in the select
			var currentValue = objInput.select2("val");

if(!currentValue){

var text = g_ucAdmin.getVal(objData, name + "_text");
				if(!text)
					text = "Example Post";

//add option
				 var newOption = new Option(text, value, true, true);
				 objInput.append(newOption).trigger('change');
			}

}

t.addSpecialInput("select2", objSelect2Param);
	}

function ____________RADIOBOOLEAN_PARAM____________(){};

/**
	 * init radio boolean param
	 */
	function initRadioBooleanParam(){
		
		var objTableDropdown = g_objWrapper.find(".uc-table-dropdown-items");
		if(objTableDropdown.length == 0)
			return(false);

var objRadioBoolean = {};

//clear
		objRadioBoolean.onClearInputData = function(objInput){
			dropdownSetDefaultFirstItem(objInput);
		}

//get
		objRadioBoolean.onGetInputData = function(objInput){
			var radioBooleanData = getDropdownParamData(objInput);

var returnData = {};
			returnData["default_value"] = radioBooleanData["default_value"];

return(returnData);

}
		
		//fill
		objRadioBoolean.onFillInputData = function(objInput, objData){

if(objData.hasOwnProperty("default_value"))
				dropdownSetDefaultItem(objInput, objData.default_value);

}

t.addSpecialInput("radio_boolean", objRadioBoolean);

//pro settings checkbox action
		var objProSettingsCheckbox = g_objWrapper.find(".pro-settings-checkbox input[type=checkbox]");
		objProSettingsCheckbox.on('click', function (){
			var objCheckbox = jQuery(this);
			if(objCheckbox.prop('checked'))
				g_objWrapper.addClass('uc-radioboolean-contains-pro');
			else
				g_objWrapper.removeClass('uc-radioboolean-contains-pro');

});

}

function ____________NUMBER_PARAM____________(){};

/**
	 * init various params of params dialog
	 */
	function initNumberParam(){

//init unit select:
		g_objWrapper.find(".uc-select-unit").change(function(){
			var objSelect = jQuery(this);
			var value = objSelect.val();
			var objText = objSelect.siblings(".uc-text-unit-custom");

if(value == "other")
				objText.show().focus();
			else
				objText.hide();

});

}

function ____________COLOR_PICKER_PARAM____________(){};

/**
	 * init farbtastic color picker
	 */
	function initColorPicker_farbtastic(){

var colorPicker = jQuery.unite_farbtastic('.unite-color-picker-element');
		colorPicker.linkTo(pickerInput);

//on change
		pickerInput.change(function(){
			var objInput = jQuery(this);
			objInput.trigger("keyup");
		});

}

/**
	 * init the color picker element
	 */
	function initColorPicker(){

var pickerInput = g_objWrapper.find(".uc-text-colorpicker");

var colorPickerType = g_ucAdmin.getGeneralSetting("color_picker_type");
		switch(colorPickerType){
			case "farbtastic":
				initColorPicker_farbtastic(pickerInput);
			break;
			case "spectrum":
				pickerInput.spectrum({

});
			break;
		}

}

function ____________IMAGE_PARAM____________(){};

/**
	 * init image param
	 */
	function initImageParam(){

//onchange name - update thumbs input fields
		onEvent(events.CHANGE_NAME, function(index, paramName){

g_objWrapper.find(".uc-param-image-thumbname").each(function(index, input){
				var objInput = jQuery(input);
				var suffix = objInput.data("addsuffix");
				paramName = jQuery.trim(paramName);
				if(paramName){
					var value = paramName + "_" + suffix;
					objInput.val(value);
				}

});

}

function ____________IMAGE_SELECT_FIELD____________(){};

/**
	 * update state of the image select field, to disabled or enabled
	 */
	function chooserField_updateState(objSettingWrapper, type){

if(!g_objParent)
			return(false);

var pathAssets = g_objParent.getPathAssets();

var objInput = objSettingWrapper.find("input");

var isEnabled = true;
		if(!pathAssets)
			isEnabled = false;

switch(type){
			case "image":
				g_objSettings.updateImageFieldState(objInput, pathAssets);
			break;
			case "mp3":
				g_objSettings.updateMp3FieldState(objInput, pathAssets);
			break;
			default:
				throw new Error("Wrong choose field type");
			break;
		}

}

/**
	 * init image select field
	 */
	function initImageSelectField() {
		var objImageWrapper = g_objWrapper.find(".unite-setting-image");

if (objImageWrapper.length === 0)
			return;

var objSettings = new UniteSettingsUC();

objImageWrapper.each(function () {
			objSettings.initImageChooser(jQuery(this));
		});

/**
		 * on dialog open, fill selects
		 */
		onEvent(events.OPEN, function () {
			objImageWrapper.each(function () {
				chooserField_updateState(jQuery(this), "image");
			});
		});
	}

function ____________MP3_SELECT_FIELD____________(){};

/**
	 * init image select field
	 */
	function initMp3SelectField(){

var objSettingMp3 = g_objWrapper.find(".unite-setting-mp3");
		if(objSettingMp3.length == 0)
			return(false);

var objSettings = new UniteSettingsUC();

objSettings.initMp3Chooser(objSettingMp3);

/**
		 * on dialog open, fill selects
		 */
		onEvent(events.OPEN, function(){
			objSettingMp3.each(function(){
					chooserField_updateState(jQuery(this),"mp3")
				});
		});

}

function ____________SELECT_PARAMS____________(){};

/**
	 * get optons from every control param (dropdown, radio boolean, checkbox)
	 */
	function getControlParamOptions(param){

switch(param.type){
			case "uc_dropdown":
			case "uc_multiple_select":
				if(param.hasOwnProperty("options") == false)
					return(null);

return(param.options);
			break;
			case "uc_checkbox":
				var options = {};
				options["true"] = "true";
				options["false"] = "false";
				return(options);
			break;
			case "uc_radioboolean":
				var options = {};
				options[param.true_name] = param.true_value;
				options[param.false_name] = param.false_value;
				return(options);
			break;

default:
				throw new Error("Wrong control param type: " + param.type);
			break;
		}

}

/**
	 * fill select related table
	 */
	function fillSelectRelatedTable(objSelect, objTable){

var value = objSelect.val();
		var objOption = objSelect.find("option:selected");

var objTableBody = objTable.find("tbody");
		if(objTableBody.length == 0)
			throw new Error("Table body not found");

objTableBody.html("");

var options = objOption.data("options");
		if(!options)
			return(false);

var dataOptions = {};
		if(g_objData && g_objData.hasOwnProperty("options"))
			dataOptions = g_objData.options;

jQuery.each(options, function(name, value){

var putValue = "";
			if(dataOptions.hasOwnProperty(value))
				putValue = dataOptions[value];

var html = "";
			html += "<tr>";
			html += "	<td>";
			html += "		<input type='text' class='uc-item-value uc-dropdown-item-name' disabled value='"+value+"'>";
			html += "	</td>";
			html += "	<td>";
			html += "		<input type='text' class='uc-item-put-value uc-dropdown-item-value' value='"+putValue+"'>";
			html += "	</td>";
			html += "</tr>";

objTableBody.append(html);
		});

}

/**
	 * get table select param data
	 */
	function getTableSelectRelatedData(objTable){

var rows = objTable.find(" tbody tr");

var objOptions = {};

jQuery.each(rows, function(index, row){
			var objRow = jQuery(row);

var value = objRow.find(".uc-item-value").val();
			var putValue = objRow.find(".uc-item-put-value").val();

value = jQuery.trim(value);
			putValue = jQuery.trim(putValue);

if(value == "")
				return(true);

objOptions[value] = putValue;

});

var objOutput = {
			options: objOptions
		};

return(objOutput);

}

/**
	 * init select related table
	 */
	function initTableSelectRelated(){

var objTables = g_objWrapper.find(".uc-table-select-related");
		if(objTables.length == 0)
			return(false);

var objSpecialInput = {};

//init
		objSpecialInput.onInitDialog = function(){

objTables.each(function(index, table){
				var objTable = jQuery(table);
				var relateToSelector = objTable.data("relateto");
				if(!relateToSelector)
					throw new Error("select table must have relate to data");

var objTabContent = objTable.parents(".uc-tab-content");
				var objSelect = objTabContent.find(relateToSelector);

if(objSelect.length == 0)
					throw new Error("Select with selector: "+relateToSelector+" not found");

//fill table on change
				objSelect.change(function(){
					fillSelectRelatedTable(jQuery(this), objTable);
				});

});

}

//clear - triggered on select change
		objSpecialInput.onClearInputData = null;

//fill - trigered on select change
		objSpecialInput.onFillInputData = null;

//get
		objSpecialInput.onGetInputData = getTableSelectRelatedData;

t.addSpecialInput("table_select_related", objSpecialInput);

}

/**
	 * init param select
	 */
	function initSelectParams(){

/**
		 * on dialog open, fill selects
		 * set params that control another params
		 */

if(!g_objParent)
			return(false);

onEvent(events.OPEN, function(){

var objSelectParams = g_objWrapper.find(".uc-select-param");

if(!g_objParent)
				throw new Error("on open event: parent not defined");

var arrParams = g_objParent.getControlParams("main");
			var arrParamsItems = g_objParent.getControlParams("item");

objSelectParams.each(function(index, select){
				var objSelect = jQuery(select);
				objSelect.html("");

g_ucAdmin.addOptionToSelect(objSelect, "", "["+g_uctext.not_selected+"]");

var source = objSelect.data("source");

switch(source){
					case "main":
						var arrParamsToAdd = arrParams;
					break;
					case "item":
						var arrParamsToAdd = arrParamsItems;
					break;
					default:
						throw new Error("wrong select param source: "+source+", can be only main, item");
					break;
				}

jQuery.each(arrParamsToAdd, function(index, param){

var options = getControlParamOptions(param);

g_ucAdmin.addOptionToSelect(objSelect, param.name, param.name, "options", options);
				});

});

}

function ____________CONDITIONS____________(){};

/**
	 * on select change conditions attribute
	 * fill condition values select
	 */
	function onSelectConditionsAttributeChange(){

var objSelect = jQuery(this);

var paramName = objSelect.val();

var objRow = objSelect.parents("tr");
		var objSelectValues = objRow.find(".uc-dialog-condition-value");

var isInitValues = objSelect.data("init_value");
		objSelect.data("init_value",false);

objSelectValues.html("");

//get param
		var arrParams = g_objWrapper.data("condition_params");

var objParam = g_ucAdmin.getVal(arrParams, paramName);

//set or remove not selected mode
		if(!paramName || !objParam){
			objRow.addClass("uc-no-attribute-selected");
			return(false);
		}

objRow.removeClass("uc-no-attribute-selected");

//show condition 2
		if(objRow.hasClass("uc-row-condition2"))
			addMoreCondition();

//fill values select
		var paramType = g_ucAdmin.getVal(objParam, "type");

if(paramType == "uc_radioboolean"){

var trueName = g_ucAdmin.getVal(objParam, "true_name");
			var trueValue = g_ucAdmin.getVal(objParam, "true_value");

var falseName = g_ucAdmin.getVal(objParam, "false_name");
			var falseValue = "";

var options = {};
			options[trueName] = trueValue;
			options[falseName] = falseValue;

}else{		//select and dropdown
			var options = g_ucAdmin.getVal(objParam, "options");
		}

var selectName = objSelectValues.prop("name");

var currentValue = null;

if(isInitValues === true)
			var currentValue = g_ucAdmin.getVal(g_objData, selectName);

var isExists = false;

jQuery.each(options,function(text, value){

if(currentValue === null)
				currentValue = value;

if(jQuery.isArray(currentValue) == true){

if(currentValue.indexOf(value) !== -1)
					isExists = true;
			}else{
				if(currentValue === value)
					isExists = true;
			}

g_ucAdmin.addOptionToSelect(objSelectValues, value, text);
		});

//set current value, fit to multiple

if(isExists == true){

var type = typeof currentValue;

if(jQuery.isArray(currentValue) == false)
				currentValue = [currentValue];

objSelectValues.val(currentValue);

}

/**
	 * fill conditions select row
	 */
	function fillConditionSelectRow(objSelect, arrParams){

var selectName = objSelect.prop("name");
		
		var currentValue = g_ucAdmin.getVal(g_objData, selectName);
		if(!currentValue)
			currentValue = "";

objSelect.html("");

g_ucAdmin.addOptionToSelect(objSelect, "", "[Select Attribute]");

var isFound = false;
		jQuery.each(arrParams, function(index, param){

var name = g_ucAdmin.getVal(param, "name");
			var title = g_ucAdmin.getVal(param, "title");

if(name == g_currentOpenedName)
				return(true);

g_ucAdmin.addOptionToSelect(objSelect, name, title);

if(currentValue == name)
				isFound = true;
		});

if(isFound == false)
			currentValue = "";

setTimeout(function(){

objSelect.data("init_value",true);
			objSelect.val(currentValue).trigger("change");

},100);

}

/**
	 * fill conditions selects
	 */
	function fillConditionsSelects(arrParams){

var objSelects = g_objWrapper.find(".uc-dialog-condition-attribute");
		if(objSelects.length == 0)
			return(false);

if(objSelects.length == 0)
			return(false);

jQuery.each(objSelects, function(index, select){
			var objSelect = jQuery(select);

fillConditionSelectRow(objSelect, arrParams);
		});

}

/**
	 * if no params - set empty class. if params exists - fill the selects
	 */
	function handleConditionsOnOpen(){

var objConditionsWrapper = g_objWrapper.find(".uc-dialog-conditions-content");
		var objSelects = g_objWrapper.find(".uc-dialog-condition-attribute");

resetMoreConditions();

var arrParams = g_objParent.getControlParams(g_currentOpenedType);
		var hasParams = (jQuery.isEmptyObject(arrParams) == false);

//show empty mode
		if(hasParams == false){
			objSelects.html("");
			objConditionsWrapper.addClass("uc-noparents-mode");
			return(false);
		}

objConditionsWrapper.removeClass("uc-noparents-mode");

g_objWrapper.data("condition_params", arrParams);

fillConditionsSelects(arrParams);

}

/**
	 * add more condition
	 */
	function addMoreCondition(){

var objSecondRow = g_objWrapper.find(".uc-row-condition2");
		objSecondRow.show();

var objLinkAdd = g_objWrapper.find(".uc-dialog-link-addcondition");

objLinkAdd.hide();
	}

/**
	 * init more conditions
	 */
	function resetMoreConditions(){

var objSecondRow = g_objWrapper.find(".uc-row-condition2");
		objSecondRow.hide();

var objLinkAdd = g_objWrapper.find(".uc-dialog-link-addcondition");

objLinkAdd.show();

}

/**
	 * init the dialog conditions
	 */
	function initConditions(){

var objTableConditions = g_objWrapper.find(".uc-table-dialog-conditions");

if(objTableConditions.length == 0)
			return(false);

onEvent(events.OPEN, handleConditionsOnOpen);

g_objWrapper.on("change",".uc-dialog-condition-attribute", onSelectConditionsAttributeChange);

var objLinkAdd = g_objWrapper.find(".uc-dialog-link-addcondition");

objLinkAdd.on("click", addMoreCondition);

}

/**
	 * init sections conditions
	 */
	this.initSectionsConditions = function(objWrapper, objParent){

g_objWrapper = objWrapper;

g_objParent = objParent;

var objContent = objWrapper.find(".uc-dialog-conditions-content");

objContent.hide();

initControls();

initConditions();
	}

/**
	 * handle sections conditions
	 */
	this.handleSectionConditions = function(objData){

g_objData = objData;

//on / off enable conditions checkbox

var objCheck = jQuery("#uc_dialog_left_condition_section");

var enableCondition = g_ucAdmin.getVal(objData,"enable_condition");

enableCondition = g_ucAdmin.strToBool(enableCondition);

objCheck.prop("checked", enableCondition);
		objCheck.trigger("change");

triggerEvent(events.OPEN);

}

function ____________EVENTS____________(){};

/**
	 * trigger event
	 */
	function triggerEvent(eventName, params){
				
		if(!params)
			var params = null;

g_objWrapper.trigger(eventName, params);
	}

/**
	 * on event name
	 */
	function onEvent(eventName, func){
		g_objWrapper.on(eventName,func);
	}

function ____________LIMIT____________(){};

/**
	 * limit the dialog for edit
	 */
	function limitDialog(){

g_objWrapper.addClass("uc-dialog-limited");
		g_ucAdmin.disableInput(g_objParamName);
	}

/**
	 * unlimit dialog for edit
	 */
	function unlimitDialog(){

g_objWrapper.removeClass("uc-dialog-limited");
		g_ucAdmin.enableInput(g_objParamName);
	}

/**
	 * return if the dialog is limited
	 */
	function isDialogLimited(){
		
		if(g_objWrapper.hasClass("uc-dialog-limited"))
			return(true);

return(false);
	}

/**
	 * get ui dialog wrapper
	 */
	function getDialogUIWrapper(){

var objDialogUI = g_objWrapper.parents(".ui-dialog");

if(objDialogUI.length !== 1)
			return(null);

return(objDialogUI);
	}

/**
	 * set pro param mode
	 */
	function setProParamMode(containsProMode){
		
		g_objWrapper.addClass("uc-pro-param");

if(containsProMode == true)
			g_objWrapper.addClass("uc-contains-pro");
		
		var objDialogUI = getDialogUIWrapper();
		if(!objDialogUI)
			return(true);

objDialogUI.find(".ui-dialog-buttonset button:last-child").addClass("uc-button-disabled");

g_ucAdmin.disableInput(g_objParamTitle);
		g_ucAdmin.disableInput(g_objParamName);
		
		var objTextarea = g_objWrapper.find("textarea");
		g_ucAdmin.disableInput(objTextarea);

}

/**
	 * unset pro mode
	 */
	function unsetProParamMode(){
		
		g_objWrapper.removeClass("uc-pro-param");
		g_objWrapper.removeClass("uc-contains-pro");
		
		var objDialogUI = getDialogUIWrapper();
		if(!objDialogUI)
			return(true);

objDialogUI.find(".ui-dialog-buttonset button:last-child").removeClass("uc-button-disabled");

g_ucAdmin.enableInput(g_objParamTitle);
		g_ucAdmin.enableInput(g_objParamName);

var objTextarea = g_objWrapper.find("textarea");
		g_ucAdmin.enableInput(objTextarea);

}

function ____________INIT____________(){};

/**
	 * add special param
	 * onClearInputData(objInput)
	 * onGetInputData(objInput)
	 * onFillInputData(objInput,data)
	 * onOpenDialog, onInitDialog
	 */
	this.addSpecialInput = function(inputType, obj){

//on open dialog
		if(obj.hasOwnProperty("onOpenDialog")){
			onEvent(events.OPEN, function(){
				obj.onOpenDialog(g_objWrapper, g_objData);
			});
		}

if(obj.hasOwnProperty("onInitDialog")){
			onEvent(events.INIT, function(){
				obj.onInitDialog(g_objWrapper);
			});
		}

if(obj.hasOwnProperty("onClearInputData") == false)
			throw new Error("Special input myst have function: onClearInputData");

if(obj.hasOwnProperty("onGetInputData") == false)
			throw new Error("Special input myst have function: onGetInputData");

if(obj.hasOwnProperty("onFillInputData") == false)
			throw new Error("Special input myst have function: onFillInputData");

g_arrSpecialInputs[inputType] = obj;

}

/**
	 * on select type change
	 */
	function onSelectTypeChange(){

var isLimited = isDialogLimited();
		if(isLimited == true)
			return(false);

var contentID = jQuery(this).val();
		
		if(contentID == "")
			return(false);

var objContent = jQuery("#" + contentID);

//show current content
		g_objTabContentWrapper.find(".uc-tab-content").not(objContent).removeClass("uc-content-selected").hide();
		objContent.addClass("uc-content-selected").show();
		
		//check if set pro param mode
		var isPro = objContent.hasClass("uc-pro-param");

//check the 
		var isSetPro = isPro;
		var containsPro = g_ucAdmin.getVal(g_objData, "is_pro");
		var attributeType = g_ucAdmin.getVal(g_objData, "type");

if(containsPro == true && attributeType == 'uc_radioboolean')
			g_objWrapper.addClass("uc-radioboolean-contains-pro");
		else
			g_objWrapper.removeClass("uc-radioboolean-contains-pro");
		
		//check if contains pro param
		
		if(g_enableLimitPro == true){
			if(containsPro == true && g_isProVersion == false)
				isSetPro = true;
		}
		
		if(isSetPro == true)
			setProParamMode(containsPro);
		else
			unsetProParamMode();
		
		//focus title if empty
		var title = g_objParamTitle.val();
		if(title == "")
			g_objParamTitle.focus();

}

/**
	 * init tabs of param dialog
	 */
	function initTabs(){

g_objSelectType.change(onSelectTypeChange);

}

/**
	 * set default value fields events
	 */
	function initEvents_defaultValues(){

var dialogID = g_objWrapper.prop("id");
		if(dialogID != "uc_dialog_param_main")
			return(false);
		
		var objInputs = jQuery("#uc_tabparam_main_uc_editor textarea[name='default_value']").add(
				"#uc_tabparam_main_uc_textarea textarea[name='default_value']").add(
				"#uc_tabparam_main_uc_content textarea[name='default_value']").add(
				"#uc_tabparam_main_uc_textfield input[name='default_value']");

objInputs.change(function(){
			var objInput = jQuery(this);
			var value = objInput.val();
			objInputs.not(objInput).val(value);
		});

}

/**
	 * on title input change, check and fill the name input if it's empty
	 */
	function checkFillNameFromTitle(){

var title = g_objParamTitle.val();

//make all the validations
		var isAscii = g_ucAdmin.isStringAscii(title);

if(isAscii == false)
			return(true);

if(!g_objParamName)
			return(true);

//validate that name is empty

var name = g_objParamName.val();
		name = jQuery.trim(name);
		if(name)
			return(true);

//convert and set the name
		name = g_ucAdmin.getNameFromTitle(title);

g_objParamName.val(name);

}

/**
	 * init events
	 */
	function initEvents(){

//trigger on title change event

g_objParamTitle.on("blur", checkFillNameFromTitle);

//trigger on name change event

g_objParamName.on("change",function(){
			var value = jQuery(this).val();
			triggerEvent(events.CHANGE_NAME, value);
		});

g_objParamName.on("keyup",function(){
			var value = jQuery(this).val();
			triggerEvent(events.CHANGE_NAME, value);
		});

initEvents_defaultValues();
	}

/**
	 * operate controlled
	 */
	function control_operateControlled(controlledID, toShow, objContent){

if(controlledID == "" || controlledID == undefined){
			trace(objInput);
			throw new Error("empty controlled selector");
		}

var objControlled = objContent.find(controlledID);

if(objControlled.length == 0)
			throw new Error("controlled item not found: " + controlledID);

if(toShow == true){
			objControlled.show();
		}else{
			objControlled.hide();
		}

}

/**
	 * init inputs that are controls
	 */
	function initControls(){

var objControls = g_objWrapper.find(".uc-control");

objControls.change(function(){

var objInput = jQuery(this);
			var type = getInputType(objInput);

var objContent = objInput.parents(".uc-tab-content");
			if(objContent.length == 0)
				objContent = g_objWrapper;

switch(type){
				case "checkbox":
					var toShow = objInput.is(":checked");
					var controlledID = objInput.data("controlled-selector");

control_operateControlled(controlledID, toShow, objContent);

break;
				case "radio":
					var objRadioParent = objInput.parents(".uc-radioset-wrapper");
					var objRadios = objRadioParent.find("input[type='radio'].uc-control");

objRadios.each(function(index, radio){

var objRadio = jQuery(radio);
						var toShow = objRadio.is(":checked");

var controlledID = objRadio.data("controlled-selector");

control_operateControlled(controlledID, toShow, objContent);
					});

break;
				case "select":

var value = objInput.val();
					var controlledSelector = objInput.data("controlled-selector");

var objChildren = objContent.find(controlledSelector);

jQuery.each(objChildren, function(index, child){

var objChild = jQuery(child);
						var childValue = objChild.data("control");

var arrValues = childValue.split(",");
						if(arrValues.length > 1){

var isInArray = jQuery.inArray(value,arrValues);

if(isInArray !== -1)
								objChild.show();
							else
								objChild.hide();

}else{

if(childValue == value)
								objChild.show();
							else
								objChild.hide();

}

});

break;
				default:
					throw new Error("Wrong control input type: " + type);
				break;
			}

});

}

/**
	 * init add links. links that adding text to input boxes or textareas
	 */
	function initAddLinks(){

var objAddLinks = g_objWrapper.find(".uc-link-add");
		if(objAddLinks.length == 0)
			return(false);

objAddLinks.on("click",function(){

var objLink = jQuery(this);
			var objContent = objLink.parents(".uc-tab-content");
			var selector = objLink.data("addto-selector");
			var addtext = objLink.data("addtext");

g_ucAdmin.validateNotEmpty(addtext, "add text");

if(selector == "" || selector == undefined){
				trace(objLink);
				throw new Error("empty addto selector");
			}

var objInput = objContent.find(selector);

if(objInput.length == 0)
				throw new Error("input or textarea not found: " + selector);

g_ucAdmin.addTextToInput(objInput, addtext);

});

}

/**
	 * init right content settings if available
	 */
	function initRightContentSettings(){

var objSettingsWrappers = g_objRightArea.find(".unite_settings_wrapper");
		if(objSettingsWrappers.length == 0)
			return(false);

objSettingsWrappers.each(function(){
			
			var objWrapper = jQuery(this);
			var objSettings = new UniteSettingsUC();
			objSettings.init(objWrapper);
			
		});

}

/**
	 * init custom list attributes for param dialog select type
	 */
	function initCustomListAttributesForSelectType(){

// Variables for dropdown and list elements
		var dialog = jQuery('.ui-dialog');
		var selectType = g_objSelectType;
		var listContainer = g_objCustomListAttributes;
		var listButton = jQuery('.uc-paramdialog-select-type-custom-button');
		var icon = listButton.find('i');
		var ul = listContainer.find('ul');
		var listButtonArrowDownClass = 'uc-button-arrow-down';
		var activeItem = '';

// Get active attribue data
		if(dialog.hasClass('uc-dialog-edit'))
			activeItem = listContainer.find('li.active');

if(dialog.hasClass('uc-dialog-add'))
			activeItem = listContainer.find('li').removeClass('active').first().addClass('active');

var activeItemValue = activeItem.data('value');
		var activeItemText = activeItem.text();

// Set active attribute
		selectType.val(activeItemValue).trigger('change');
		listButton.find('span').text(activeItemText);
		listContainer.hide();
		icon.removeClass(listButtonArrowDownClass);

// Click button to show/hide custom list attributes
		listButton.off('click');
		listButton.on('click', function(){

if(listContainer.css('display') == 'none')
				listContainer.show();
			else
				listContainer.hide();

icon.toggleClass(listButtonArrowDownClass);

});

// Handle list item click events
		ul.off('click');
		ul.on('click', 'li', function () {
			var selectedItem = jQuery(this);
			var selectedItemValue = selectedItem.data('value');
			var selectedItemText = selectedItem.text();

listContainer.find('li').removeClass('active');
			selectedItem.addClass('active');

listButton.find('span').text(selectedItemText);
			selectType.val(selectedItemValue).trigger('change');

listContainer.hide();
			icon.toggleClass(listButtonArrowDownClass);
		});

}

/**
	 * init the dialog
	 */
	function init(){

g_objTexts = g_objWrapper.data("texts");
		
		g_objSelectType = g_objWrapper.find(".uc-paramdialog-select-type");
		g_objCustomListAttributes = g_objWrapper.find(".uc-paramdialog-select-type-list-custom");

g_objTabContentWrapper = g_objWrapper.find(".uc-tabsparams-content-wrapper");
		g_objLeftArea = g_objTabContentWrapper.find(".dialog-param-left");
		g_objRightArea = g_objTabContentWrapper.find(".dialog-param-right");

g_objError = g_objWrapper.find(".uc-dialog-param-error");
		g_objParamTitle = g_objWrapper.find(".uc-param-title");
		g_objParamName = g_objWrapper.find(".uc-param-name");
		g_objSettings = new UniteSettingsUC();
		
		var isAddPro = g_ucAdmin.getOption("uc_edit_pro");
		var isLimitProFunctionality = g_ucAdmin.getOption("uc_limit_pro_functionality");
		
		g_enableLimitPro = (isLimitProFunctionality === true);
		
		g_isProVersion = (g_ucAdmin.getOption("uc_pro_version") === true);
				
		var dialogType = g_objWrapper.data("type");
				
		if(isAddPro == true && dialogType == "main" && g_enableLimitPro == true)
			g_isEnableEditPro = true;
		
		initTabs();

initEvents();

initControls();

initAddLinks();
		initSelectParams();
		initDropdownParam();
		initRadioBooleanParam();
		initTableSelectRelated();
		initImageSelectField();
		initMp3SelectField();

initSelect2Param();

initRightContentSettings();

initConditions();

//for all the special params that run on init
		triggerEvent(events.INIT);

//init specific params
		var arrParamTypes = getArrParamTypes();

jQuery.each(arrParamTypes, function(index, type){

switch(type){
				case "uc_number":
					initNumberParam();
				break;
				case "uc_colorpicker":
					initColorPicker();
				break;
				case "uc_image":
					initImageParam();
				break;
			}

});

}

/**
	 * init the params dialog
	 */
	this.init = function(objWrapper, objParent){

g_objWrapper = objWrapper;

if(objParent)
			g_objParent = objParent;
		else
			g_objParent = null;

init();
	};

}