// function silentErrorHandler(messageOrEvent, source, lineno, colno, error) { console.log(messageOrEvent, source, lineno, colno, error); return true;}
// window.onerror = function (errorMsg, url, lineNumber, column, errorObj) {
//     console.log('Error: ' + errorMsg + ' Script: ' + url + ' Line: ' + lineNumber
//         + ' Column: ' + column + ' StackTrace: ' +  errorObj);
// };
window.setTimeout(function() { if(window.WFDEssentialsInit !== true) {
    console.log('delayed');
    initWFDEssentials();
}}, 1000);

var initWFDEssentials = function () {
    window.WFDEssentialsInit = true;
    createTemplateFields('body');
    createReferenceFields('body');

    jQuery('body').trigger('inputFieldsReady');
    InitAutocompleteText();
    initProductChooser();

    jQuery('body').on('InitComponents', initProductChooser);

    jQuery( document).on('click', '.templateFieldButton', function(e) {
        var ele = jQuery(e.currentTarget);
        var input = ele.closest('.templateFieldSpan,.templateTextareaSpan').find('.templateField');
        var fieldId = input.attr('id');

        var options = ele.data('options');

        insertTemplateVariable(
            input,
            ele.data('references'),
            ele.data('functions') === true,
            ele.data('replace') === true,
            options
        );
    });

};
jQuery(function() {
    initWFDEssentials();
});

function initMaterialEvents(parentEle) {

    jQuery('.materialstyle input, .materialstyle textarea', parentEle).on('blur', function() {
        // check if the input has any value (if we've typed into it)

        if (jQuery(this).val()) {
            jQuery(this).addClass('used');
        } else {
            jQuery(this).removeClass('used');
        }

    }).trigger('blur');

    jQuery('input.templateField, textarea.templateField', parentEle).on('focus', function(e) {
        $(e.currentTarget).closest('.insertTextfield, .insertTextarea').addClass('used materialFocus');
    });

    jQuery('input.templateField, textarea.templateField', parentEle).on('blur', function(e) {
        $(e.currentTarget).closest('.insertTextfield, .insertTextarea').removeClass('materialFocus');

        if (jQuery(e.currentTarget).val()) {
            $(e.currentTarget).closest('.insertTextfield, .insertTextarea').addClass('materialUsed');
        } else {
            $(e.currentTarget).closest('.insertTextfield, .insertTextarea').removeClass('materialUsed');
        }
    });

    jQuery('.materialstyle .select2-container', parentEle).each(function (index, ele) {
        console.log(ele, jQuery(ele).closest('.materialstyle'));
        jQuery(ele).closest('.materialstyle').addClass('FixedUsed');
    });
}

function initProductChooser() {
    jQuery('.productChooserField.doInit').each(function(index, ele) {
        jQuery(ele).removeClass('doInit').select2({
            placeholder: "search for a Product/Service",
            minimumInputLength: 1,
            initSelection: function (element, callback) {
                if (typeof jQuery(element).val() == 'undefined') {
                    callback();
                    return;
                }

                var productIds = jQuery(element).val().split(',');

                RedooUtils('Workflow2').getRecordLabels(productIds).then(function(response) {
                    if(productIds.length > 1) {
                        var selection = [];
                        jQuery.each(response, function(index, value) {
                            selection.push({
                                id: index,
                                text: value
                            });
                        });
                    } else {
                        var selection = {
                            'id'    : productIds[0],
                            'text'  : response[productIds[0]]
                        };
                    }

                    callback(selection);
                });
            },
            query: function (query) {
                var data = {
                    query: query.term,
                    page: query.page,
                    pageLimit: 25
                };

                jQuery.post("index.php?module=Workflow2&action=ProductChooser", data, function (results) {
                    if (typeof results.results == 'undefined') {
                        var results = {results: []};
                    }
                    query.callback(results);
                }, 'json');

            }
        });
    });
}
// Global Functions
window.createReferenceFields = function(parent) {
    jQuery('.ClearRecordBtn', parent).on('click', function(e) {
        var target = jQuery(e.currentTarget);

        target.parent().find('[rel="RecordLabel"]').html(target.parent().find('[rel="RecordLabel"]').data('placeholder'));
        target.parent().find('[rel="RecordId"]').val('');
    });
    jQuery('.ChooseRecordBtn', parent).on('click', function(e) {
        var target = jQuery(e.currentTarget);
        var moduleName = target.data('module');
        if(moduleName.substr(0, 1) == '#') {
            moduleName = jQuery(moduleName).val();
        }

        var params = {
            'module' : moduleName
        };

        RedooUtils('Workflow2').selectRecordPopup(params).then(function(data) {

        });

        var popupInstance = Vtiger_Popup_Js.getInstance();
        popupInstance.show(params,function(data){
            var responseData = JSON.parse(data);

            for(var id in responseData){
                target.parent().find('[rel="RecordLabel"]').html(responseData[id].name);
                target.parent().find('[rel="RecordId"]').val(id);
            }
        });
    });
};

function createTemplateFields(parentEle) {
    jQuery('.insertTextfield', parentEle).each(function(index, value) {

        var ele = jQuery(value);

        if(ele.data('parsed') == '1') {
            return;
        }

        ele.data('parsed', '1');

        var fieldName = ele.data('name');
        var fieldId = ele.data('id');

        if(typeof fieldId == 'undefined') {
            fieldId = fieldName.replace(/[^a-zA-Z0-9]/g, '');
        }

        var options = ele.data('options');
        var datalist = ele.data('datalist');
        var mode = ele.data('mode');
        var placeholder = ele.attr('data-placeholder');

        if(typeof options != 'undefined' && options.length > 4) {
            try {
                var options = jQuery.parseJSON(options);
            } catch(e) {
                var options = {};
            }
        }

        if(typeof options == 'undefined' || options == '') {
            options = {};
        }

        var value = ele.html();

        if(typeof datalist != 'undefined') {
            options['datalist'] = datalist
        }

        if(typeof mode != 'undefined' && mode == 'expression') {
            options['mode'] = 'expression';
        }
        if(typeof options['uitype'] == 'undefined') {
            options['uitype'] = []
        }
        if(typeof options['module'] == 'undefined') {
            options['module'] = moduleName;
        }
        if(typeof options['style'] == 'undefined' && typeof ele.data('style') != 'undefined') {
            options['style'] = ele.data('style');
        }
        if(placeholder != null) {
            options['placeholder'] = placeholder;
        }

        if(ele.attr('readonly')) {
            options['readonly'] = true;
        }

        value = _.unescape(value).replace(/\<\!--\?/g, '<?').replace(/\?--\>/g, '?>').replace(/\?&gt;/g, '?>').replace(/--->/g, '->');

        var html = createTemplateTextfield(fieldName, fieldId, value, options);
        ele.html(html);
        selectText(ele);
    });
    jQuery('.insertDatefield', parentEle).each(function(index, value) {
        var ele = jQuery(value);
        if(ele.data('parsed') == '1') {
            return;
        }

        ele.data('parsed', '1');

        var fieldName = ele.data('name');
        var fieldId = ele.data('id');

        if(typeof fieldId == 'undefined') {
            fieldId = fieldName.replace(/[^a-zA-Z0-9]/g, '');
        }

        var options = ele.data('options');
        var datalist = ele.data('datalist');
        var placeholder = ele.data('placeholder');

        if(typeof options != 'undefined' && options.length > 4) {
            try {
                var options = jQuery.parseJSON(options);
            } catch(e) {
                var options = {};
            }
        }
        if(typeof options == 'undefined' || options == '') {
            options = {};
        }
        var value = ele.html();
        if(typeof datalist != 'undefined') {
            options['datalist'] = datalist
        }
        if(typeof options['module'] == 'undefined') {
            options['module'] = moduleName;
        }
        if(typeof options['style'] == 'undefined' && typeof ele.data('style') != 'undefined') {
            options['style'] = ele.data('style');
        }
        if(placeholder != null) {
            options['placeholder'] = placeholder;
        }

        if(ele.attr('readonly')) {
            options['readonly'] = true;
        }

        value = _.unescape(value).replace(/\<\!--\?/g, '<?').replace(/\?--\>/g, '?>').replace(/\?&gt;/g, '?>').replace(/--->/g, '->');

        var html = createTemplateDatefield(fieldName, fieldId, value, options);
        ele.html(html);
    });
    -
        jQuery('.insertTextarea', parentEle).each(function(index, value) {
            var ele = jQuery(value);
            if(ele.data('parsed') == '1') {
                return;
            }

            ele.data('parsed', '1');

            var fieldName = ele.data('name');
            var fieldId = ele.data('id');
            var mode = ele.data('mode');
            var placeholder = ele.data('placeholder');

            if(typeof fieldId == 'undefined') {
                fieldId = fieldName.replace(/[^a-zA-Z0-9]/g, '');
            }
            var options = ele.data('options');

            if(typeof mode != 'undefined' && mode == 'expression') {
                options['mode'] = 'expression';
            }
            if(typeof options != 'undefined' && options.length > 4) {
                try {
                    var options = jQuery.parseJSON(options);
                } catch(e) {
                    //console.log(e.message, options);
                    var options = {};
                }
            }
            if(typeof options == 'undefined' || options == '') {
                options = {};
            }
            var value = ele.html();
            if(placeholder != null) {
                options['placeholder'] = placeholder;
            }

            value = _.unescape(value).replace(/\<\!--\?/g, '<?').replace(/\?--\>/g, '?>').replace(/\?&gt;/g, '?>').replace(/--->/g, '->');

            var html = createTemplateTextarea(fieldName, fieldId, value, options);
            ele.html(html);
        });

    InitAutocompleteText();
}

jQuery.assocArraySize = function(obj) {
    // http://stackoverflow.com/a/6700/11236
    var size = 0, key;
    for (key in obj) {
        if (obj.hasOwnProperty(key)) size++;
    }
    return size;
};

jQuery.loadScript = function (url, arg1, arg2) {
    var cache = false, callback = null;
    //arg1 and arg2 can be interchangable
    if ($.isFunction(arg1)){
        callback = arg1;
        cache = arg2 || cache;
    } else {
        cache = arg1 || cache;
        callback = arg2 || callback;
    }

    var load = true;
    //check all existing script tags in the page for the url
    jQuery('script[type="text/javascript"]')
        .each(function () {
            return load = (url != $(this).attr('src'));
        });
    if (load){
        //didn't find it in the page, so load it
        jQuery.ajax({
            type: 'GET',
            url: url,
            success: callback,
            dataType: 'script',
            cache: cache
        });
    } else {
        //already loaded so just call the callback
        if (jQuery.isFunction(callback)) {
            callback.call(this);
        };
    };
};

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}
function createTemplateTextarea(fieldName, fieldId, currentValue, options, withTemplateButton) {
    if(typeof currentValue == "undefined" || currentValue == null) {
        currentValue = "";
    }
    if(fieldId == false) {
        fieldId = fieldName.replace(/[^a-zA-Z0-9_]+/g, "_");
    }
    if(options === undefined) {
        options = {};
    }

    if(withTemplateButton === undefined) {
        withTemplateButton = true;
    }
    if(typeof options['module'] == 'undefined' && typeof moduleName != 'undefined') {
        options['module'] = moduleName;
    }


    if(options["style"] === undefined)  options["style"] = "";
    //if(options["width"] === undefined)  options["width"] = "350px";
    if(options["module"] === undefined)  options["module"] = '';
    if(options["mode"] === undefined)  options["mode"] = "";
    if(options["class"] === undefined)  options["class"] = "";
    if(options["placeholder"] === undefined)  options["placeholder"] = "";
    if(options["height"] === undefined)  options["height"] = "150px";
    if(options["type"] === undefined)  options["type"] = "0";
    if(options["refFields"] === undefined)  options["refFields"] = false;

    var html = "<span class='templateTextareaSpan' style='display:flex;'>";
    html += "<textarea id='" + fieldId + "' placeholder='" + options["placeholder"] + "' style='height: " + options["height"] + "; " + options["style"] + "' name='" + fieldName + "' style='' class='templateField " + options["class"] + ' ' + (options['mode'] == 'expression' ? ' customFunction ' : '') + "'>" + htmlEntities(currentValue) + "</textarea>";

    if(withTemplateButton) {
        if(options["mode"] != 'expression') {
            html += "<img class='templateFieldButton' src='modules/Workflow2/icons/templatefield23.png' data-references='([source]: ([module]) [destination])' data-functions='true' data-replace='false' data-options='{\"refFields\":\"" + options["refFields"] + "\", \"module\": \"" + options["module"] + "\", \"type\":\"" + options["type"] + "\"}' id='templateIcon_" + fieldId + "'  style='margin-bottom:-5px;width:24px;height:24px;cursor:pointer;'>";
        } else {
            html += "<img class='templateFieldButton'  src='modules/Workflow2/icons/templatefieldPHP.png' id='templateIcon_" + fieldId + "'  data-references='[source]->[module]->[destination]' data-functions='true' data-replace='false' data-options='{\"refFields\":\"" + options["refFields"] + "\", \"module\": \"" + options["module"] + "\", \"type\":\"" + options["type"] + "\"}'  style='margin-bottom:-5px;width:24px;height:24px;cursor:pointer;'>";
        }



    }

    html += '</span>';

    return html;
}
function initTemplateFields(parentEle) {

}

function createProductChooser(fieldName, fieldId, currentValue, options) {
    if(typeof currentValue == "undefined" || currentValue === null) {
        currentValue = "";
    }

    if(fieldId == false) {
        fieldId = fieldName.replace(/[^a-zA-Z0-9_]+/g, "_");
    }
    if(typeof options == 'undefined') {
        options = {};
    }

    if(options["class"] === undefined)  options["class"] = "";

    if(typeof currentValue == 'undefined' || currentValue == '') {
        selected = -1;
    } else {
        if(typeof currentValue == 'string') {
            selected = currentValue;
        } else if(typeof currentValue == 'object'){
            selected = currentValue.join(',');
        }
    }

    var html = "<input type='hidden' class='productChooserField doInit " + options.class +"' value='" + (selected != -1 ? selected : '') + "' style='' name='" + fieldName + "' id='" + fieldId + "'>";

    return html;
}
function createTemplateTextfield(fieldName, fieldId, currentValue, options) {
    if(typeof currentValue == "undefined" || currentValue === null) {
        currentValue = "";
    }

    if(fieldId == false) {
        fieldId = fieldName.replace(/[^a-zA-Z0-9_]+/g, "_");
    }
    if(typeof options == 'undefined') {
        options = {};
    }

    if(typeof options['module'] == 'undefined' && typeof moduleName != 'undefined') {
        options['module'] = moduleName;
    }

    if(options["refFields"] === undefined)  options["refFields"] = false;
    if(options["mode"] === undefined)  options["mode"] = "";
    if(options["class"] === undefined)  options["class"] = "";
    if(options["style"] === undefined)  options["style"] = "";
    if(options["disabled"] === undefined || options["disabled"] == false) { options["disabled"] = ""; } else { options["disabled"] = "disabled='disabled'" }
    if(options["type"] === undefined)  options["type"] = "0";
    if(options["uitype"] === undefined)  options["uitype"] = [];
    if(options["delimiter"] === undefined)  options["delimiter"] = "";
    if(options["title"] === undefined)  options["title"] = "";
    if(options["datalist"] === undefined)  options["datalist"] = "";
    if(options["fieldType"] === undefined)  options["fieldType"] = "text";
    if(options["readonly"] === undefined)  options["readonly"] = false;
    if(options["placeholder"] === undefined)  options["placeholder"] = '';
    if(options["variables"] === undefined)  options["variables"] = true;
    if(options["width"] === undefined)  options["width"] = '600px';
    if(options["module"] === undefined)  options["module"] = '';
    if(typeof options["dataAttr"] === 'undefined')  options["dataAttr"] = {};

    options["class"] += " condition_value text textfield templateField initAutocomplete";

    var dataHtml = '';
    jQuery.each(options['dataAttr'], function(index, value) {
        dataHtml += ' data-' + index + '="' + value + '"';
    });

    var uitypes = options["uitype"].join(',');

    html = "<input autocomplete='false' type='" + options["fieldType"] + "' data-currentvalue='"+htmlEntities(currentValue)+"' " + dataHtml + " " + ( options['datalist'] !== '' ? 'list="' + options['datalist'] + '"' : '' ) + " title='"+options["title"]+"' placeholder='" + options["placeholder"] + "'  alt='"+options["title"]+"' data-delimiter='"+options["delimiter"]+"' ondblclick='dblClickTextfield(\"" + fieldId + "\");' " + options["disabled"] + "style='width:100% !important;border-right:none;float:left;" + options["style"] + "' data-module='" + options["module"] + "' class='" + options["class"] + "' name='" + fieldName + "' id='" + fieldId + "' " + (options['readonly']===true?'readonly="readonly"':'') + " value=\"" + (currentValue !== false ? htmlEntities(currentValue) : "") + "\">";
    if(options["variables"] == true) {
        //html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 50px;'><img src='modules/Workflow2/icons/reset.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"\"></span>";
        //html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/clear.png' alt='" + MOD.LBL_VALUE_CLEAR + "' title='" + MOD.LBL_VALUE_CLEAR + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"\"></span>";
        if(options["mode"] != 'expression') {
            html += "<span class='templateFieldBtn templateFieldButton' data-references='([source]: ([module]) [destination])' data-functions='true' data-replace='false' data-options='{\"refFields\":\"" + options["refFields"] + "\", \"module\": \"" + options["module"] + "\", \"uitypes\": \"" + uitypes + "\", \"type\":\"" + options["type"] + "\"}' style='position: absolute;top:0;right: 0px;'><img src='modules/Workflow2/icons/templatefield23.png' id='templateIcon_" + fieldId + "'  style='margin-bottom:-5px;cursor:pointer;'></span>";
        } else {
            html += "<span class='templateFieldBtn templateFieldButton' data-references='[source]->[module]->[destination]' data-functions='false' data-replace='false' data-options='{\"module\": \"" + options["module"] + "\"}'  style='position: absolute;top:0;right: 0px;' id='task_condition_iconspan'><img src='modules/Workflow2/icons/templatefieldPHP.png' style='margin-bottom:-2px;cursor:pointer;'>";
        }
    } else {
        //html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/reset.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;'></span>";
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 0px;'><img src='modules/Workflow2/icons/clear.png' alt='" + MOD.LBL_VALUE_CLEAR + "' title='" + MOD.LBL_VALUE_CLEAR + "' style='margin-bottom:-5px;cursor:pointer;'></span>";
    }

    addToAutoCompleter(fieldId);

    return "<span class='templateFieldSpan'>" + html + "</span>"; //  style='max-width:" + options["width"] + ";'

}

function createTemplateDatefield(fieldName, fieldId, currentValue, options) {
    if(typeof currentValue == "undefined" || currentValue == null) {
        currentValue = "";
    }

    if(fieldId == false) {
        fieldId = fieldName.replace(/[^a-zA-Z0-9_]+/g, "_");
    }
    if(typeof options == 'undefined') {
        options = {};
    }

    if(options["refFields"] === undefined)  options["refFields"] = false;
    if(options["class"] === undefined)  options["class"] = "";
    if(options["style"] === undefined)  options["style"] = "";
    if(options["disabled"] === undefined || options["disabled"] == false) { options["disabled"] = ""; } else { options["disabled"] = "disabled='disabled'" }
    if(options["type"] === undefined)  options["type"] = "0";
    if(options["delimiter"] === undefined)  options["delimiter"] = "";
    if(options["title"] === undefined)  options["title"] = "";
    if(options["datalist"] === undefined)  options["datalist"] = "";
    if(options["fieldType"] === undefined)  options["fieldType"] = "text";
    if(options["readonly"] === undefined)  options["readonly"] = false;
    if(options["placeholder"] === undefined)  options["placeholder"] = '';
    if(options["variables"] === undefined)  options["variables"] = true;
    if(options["format"] === undefined)  options["format"] = "%Y-%m-%d";
    if(options["showTime"] === undefined)  options["showTime"] = false;
    if(typeof options["dataAttr"] === 'undefined')  options["dataAttr"] = {};

    options["class"] += " condition_value text textfield dateField templateField";

    var dataHtml = '';
    jQuery.each(options['dataAttr'], function(index, value) {
        dataHtml += ' data-' + index + '="' + value + '"';
    });

    html = "<input autocomplete='false' type='" + options["fieldType"] + "' " + dataHtml + " data-currentvalue='"+htmlEntities(currentValue)+"' " + ( options['datalist'] !== '' ? 'list="' + options['datalist'] + '"' : '' ) + " title='"+options["title"]+"' placeholder='" + options["placeholder"] + "'  alt='"+options["title"]+"' data-delimiter='"+options["delimiter"]+"' ondblclick='dblClickTextfield(\"" + fieldId + "\");' " + options["disabled"] + "style='width:100% !important;border-right:none;float:left;" + options["style"] + "' data-module='" + options["module"] + "' class='" + options["class"] + "' name='" + fieldName + "' id='" + fieldId + "' " + (options['readonly']===true?'readonly="readonly"':'') + " value=\"" + (currentValue != false ? htmlEntities(currentValue) : "") + "\">";
    if(options["variables"] == true) {
        html += "<span class='templateFieldBtn templateFieldMidButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/calenderButton.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('"+htmlEntities(currentValue)+"');\"></span>";

        html += "<span class='templateFieldBtn templateFieldButton' style='position: absolute;top:0;right: 0px;' data-references='([source]: ([module]) [destination])' data-functions='true' data-replace='false' data-options='{\"refFields\":\"" + options["refFields"] + "\", \"module\": \"" + options["module"] + "\", \"type\":\"" + options["type"] + "\"}' ><img src='modules/Workflow2/icons/templatefield23.png' id='templateIcon_" + fieldId + "'  style='margin-bottom:-5px;cursor:pointer;'></span>";
    } else {
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/reset.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('"+htmlEntities(currentValue)+"');\"></span>";
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 0px;'><img src='modules/Workflow2/icons/clear.png' alt='" + MOD.LBL_VALUE_CLEAR + "' title='" + MOD.LBL_VALUE_CLEAR + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('');\"></span>";
    }
    return "<span class='templateFieldSpan' >" + html + "</span>";

    if(typeof currentValue == "undefined" || currentValue == null) {
        currentValue = "";
    }
    if(options === undefined) {
        options = {};
    }
    if(options["class"] === undefined)  options["class"] = "";
    if(options["style"] === undefined)  options["style"] = "";
    if(options["format"] === undefined)  options["format"] = "%Y-%m-%d";
    if(options["showTime"] === undefined)  options["showTime"] = false;
    if(typeof options["dataAttr"] === 'undefined')  options["dataAttr"] = {};

    options["class"] += "condition_value text textfield datefield templateField";

    var dataHtml = '';
    jQuery.each(options['dataAttr'], function(index, value) {
        dataHtml += ' data-' + index + '="' + value + '"';
    });

    html = "<input autocomplete='false' type='" + options["fieldType"] + "' " + dataHtml + " " + ( options['datalist'] !== '' ? 'list="' + options['datalist'] + '"' : '' ) + " title='"+options["title"]+"' placeholder='" + options["placeholder"] + "'  alt='"+options["title"]+"' data-delimiter='"+options["delimiter"]+"' ondblclick='dblClickTextfield(\"" + fieldId + "\");' " + options["disabled"] + "style='border-right:none;float:left;" + options["style"] + "' data-module='" + options["module"] + "' class='" + options["class"] + "' name='" + fieldName + "' id='" + fieldId + "' " + (options['readonly']===true?'readonly="readonly"':'') + " value=\"" + (currentValue != false ? htmlEntities(currentValue) : "") + "\">";
    if(options["variables"] == true) {
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/calenderButton.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('"+htmlEntities(currentValue)+"');\"></span>";
        //html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 50px;'><img src='modules/Workflow2/icons/reset.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('"+htmlEntities(currentValue)+"');\"></span>";
        //html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/clear.png' alt='" + MOD.LBL_VALUE_CLEAR + "' title='" + MOD.LBL_VALUE_CLEAR + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('');\"></span>";
        html += "<span class='templateFieldBtn templateFieldButton' style='position: absolute;top:0;right: 0px;' data-references='([source]: ([module]) [destination])' data-functions='true' data-replace='false' data-options='{\"refFields\":\"" + options["refFields"] + "\", \"module\": \"" + options["module"] + "\", \"type\":\"" + options["type"] + "\"}' ><img src='modules/Workflow2/icons/templatefield23.png' id='templateIcon_" + fieldId + "' ><img src='modules/Workflow2/icons/templatefield23.png' id='templateIcon_" + fieldId + "'  style='margin-bottom:-5px;cursor:pointer;'></span>";
    } else {
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 25px;'><img src='modules/Workflow2/icons/reset.png'  alt='" + MOD.LBL_VALUE_RESET + "' title='" + MOD.LBL_VALUE_RESET + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('"+htmlEntities(currentValue)+"');\"></span>";
        html += "<span class='templateFieldBtn templateFieldResetButton' style='position: absolute;top:0;right: 0px;'><img src='modules/Workflow2/icons/clear.png' alt='" + MOD.LBL_VALUE_CLEAR + "' title='" + MOD.LBL_VALUE_CLEAR + "' style='margin-bottom:-5px;cursor:pointer;' onclick=\"if(!jQuery('#"+fieldId +"').attr('readonly')) jQuery('#"+fieldId +"').val('');\"></span>";
    }
    return "<span class='templateFieldSpan'>" + html + "</span>";

    return "<span style='display:inline-block;vertical-align: middle;'>" + html + "</span>";
}
/*
 function dblClickTextfield(field_id) {
 return;
 if(jQuery("#" + field_id).attr("type") == "password") {
 return;
 }

 var current_value = jQuery("#" + field_id).val();

 var htmlTextArea = createTemplateTextarea("pageOverlayTextArea", "pageOverlayTextArea", current_value, {width:'470px',height: '50px'}, false) + "<div id='templateFieldsChooser'></div>";


 openPageOverlay(htmlTextArea + '<br><div class="btn-group" style="text-align:center;margin-top:5px;"><button class="btn btn-warning" onclick="closePageOverlay(\'' + field_id + '\');">s' + MOD.LBL_CANCEL + '</button><input type="btn" class="btn green" onclick="rewriteBiggerTextarea(\'' + field_id + '\');" value="' + MOD.LBL_SAVE + '"></div>', 500, field_id);

 jQuery.ajaxSetup({async:false});
 jQuery("#templateFieldsChooser").load("index.php?module=Workflow2&action=Workflow2Ajax&file=gettemplatefields", {functions: 1,workflow_module:workflowModuleName, workflowID:workflowID});
 jQuery.ajaxSetup({async:true});
 jQuery("#templateFieldsChooser select").on("change", function(e) {
 customExpressionEditor["pageOverlayTextArea"].replaceSelection("$" + jQuery(this).val(), "start");
 // insertTextIntoField("pageOverlayTextArea", "$" + jQuery(this).val(), false, false);
 });
 jQuery("#templateFieldsChooser select.chzn-select").select2();

 enable_customexpression("pageOverlayTextArea", true);

 }
 */
function closePageOverlay(button, instant) {
    if(typeof instant == "undefined") {
        instant = false;
    }
    if(typeof button == "undefined" || (typeof button == 'string' && jQuery("#" + button).length == 0) || (typeof button == 'object' && jQuery(button).length == 0)) {
        jQuery("#pageOverlay").hide("fast");
        return;
    }

    var ele = jQuery("#pageOverlay");
    var eleContent = jQuery("#pageOverlayContent");

    if(instant == true) {
        ele.hide();
        return;
    }

    ele.animate({ opacity:0 });
    if(typeof button == 'string') var effectSource = jQuery("#" + button);
    if(typeof button == 'object') var effectSource = jQuery(button);

    eleContent.effect( "transfer", { to: effectSource }, 250, function() {
        eleContent.css('display', 'none');
        ele.css('display', 'none');
    });
}
jQuery(function() {
    jQuery("#pageOverlayContent").bind("click", function(e) {
        e.stopPropagation();
    });
});
var insertTemplateFieldId = false;
var insertTemplateFieldCache = {};
var workflowModuleName;
var insertVariableCallback = null;
function insertTemplateVariable(targetEle, format, functions, replace, options) {
    if(jQuery(targetEle).attr('readonly')) {
        return;
    }
    var templateModule = workflowModuleName;

    if(typeof options != "undefined" && options["module"] !== undefined && options["module"] != "undefined") {
        templateModule = options["module"];
    }

    if(typeof templateModule == "undefined") {
        templateModule = moduleName;
    }
    if(typeof templateModule == "undefined") {
        return;
    }

    if(options === undefined) {
        options = {};
    }

    if(typeof options.callback == 'function') {
        insertVariableCallback = options.callback;
    } else {
        insertVariableCallback = null;
    }

    if(format == undefined) {
        format = "[source]->[module]->[destination]";
    }
    if(functions == undefined) {
        functions = false;
    }
    if(replace == undefined) {
        replace = false;
    }
    if(functions == false) {
        functions = 0;
    } else {
        functions = 1;
    }

    if(typeof options["type"] === 'undefined')  options["type"] = "0";
    if(typeof options["refFields"] === 'undefined')  options["refFields"] = "false";
    if(typeof options["uitypes"] === 'undefined')  options["uitypes"] = '';

    var uitypes = options["uitypes"].split(',');

    cacheKey = format + ";;" + templateModule + ";;" + options["type"] + ";;" + options["uitypes"] + ";;" + options["refFields"] + ";;functions" + functions;

//    insertTemplateFieldId = id;

    if(jQuery("#insertTemplateFieldContainer").length == 0) {
        jQuery("body").append("<div id='insertTemplateFieldContainer' style='display:none;'></div>");
    }
    if(insertTemplateFieldCache[cacheKey] == undefined) {
        jQuery.ajaxSetup({async:false});
        jQuery("#insertTemplateFieldContainer").load("index.php?module=Workflow2&action=GetTemplateFields", {functions: functions, workflowID:workflowID, uitypes:uitypes, type:options["type"],refFields:options["refFields"],reftemplate:format,workflow_module:templateModule});
        jQuery.ajaxSetup({async:true});
        insertTemplateFieldCache[cacheKey] = jQuery("#insertTemplateFieldContainer").html();
    } else {
        jQuery("#insertTemplateFieldContainer").html(insertTemplateFieldCache[cacheKey]);
    }

    openModalOverlay(
        jQuery("#insertTemplateFieldContainer").html(),
        {
            'ok' : MOD.LBL_SAVE,
            'cancel' : MOD.LBL_CANCEL
        },
        500,
        targetEle.parent().find('.templateFieldButton'),
        targetEle
    ).then(function(text) {
        // Cancel was pressed
        if(text === false) return;

        var delimiter = targetEle.data("delimiter");

        if(typeof insertVariableCallback == 'function') {
            var returnVar = insertVariableCallback(text, { field: targetEle.attr('id'), replace:replace });
            if(returnVar === false) {
                return;
            }
        }

        if(replace == true) {
            targetEle.val(text);
        } else {
            var oldVal = targetEle.val();
            if(delimiter !== undefined && oldVal.length > 0) {
                oldVal = oldVal + delimiter;
            }
            targetEle.val(oldVal + text);
        }

        targetEle.trigger("insertText", [text]);
        targetEle.trigger("change");
        targetEle.trigger("blur");

    });

    jQuery("#pageOverlayContent select.chzn-select").select2();
    jQuery("#pageOverlayContent").on("click", function(e) {
        e.stopPropagation();
    });
}
function insertTemplateField(id, format, functions, replace, options) {
    return insertTemplateVariable(jQuery('#' + id), format, functions, replace, options);
    /*
     //    if(workflowModuleName === undefined && moduleName == undefined && (typeof options == "undefined" || options["module"] === undefined || options["module"] == "undefined"))
     //        return;

     if(jQuery('#' + id).attr('readonly')) {
     return;
     }
     var templateModule = workflowModuleName;

     if(typeof options != "undefined" && options["module"] !== undefined && options["module"] != "undefined") {
     templateModule = options["module"];
     }

     if(typeof templateModule == "undefined") {
     templateModule = moduleName;
     }
     if(typeof templateModule == "undefined") {
     return;
     }

     if(options === undefined) {
     options = {};
     }

     if(typeof options.callback == 'function') {
     insertVariableCallback = options.callback;
     } else {
     insertVariableCallback = null;
     }

     if(format == undefined) {
     format = "[source]->[module]->[destination]";
     }
     if(functions == undefined) {
     functions = false;
     }
     if(replace == undefined) {
     replace = false;
     }
     if(functions == false) {
     functions = 0;
     } else {
     functions = 1;
     }

     if(options["type"] === undefined)  options["type"] = "0";
     if(options["refFields"] === undefined)  options["refFields"] = "false";
     if(options["uitypes"] === undefined)  options["uitypes"] = '';

     var uitypes = options["uitypes"].split(',');

     cacheKey = format + ";;" + templateModule + ";;" + options["type"] + ";;" + options["uitypes"] + ";;" + options["refFields"] + ";;functions" + functions;

     insertTemplateFieldId = id;

     if(jQuery("#insertTemplateFieldContainer").length == 0) {
     jQuery("body").append("<div id='insertTemplateFieldContainer' style='display:none;'></div>");
     }
     if(insertTemplateFieldCache[cacheKey] == undefined) {
     jQuery.ajaxSetup({async:false});
     jQuery("#insertTemplateFieldContainer").load("index.php?module=Workflow2&action=GetTemplateFields", {functions: functions, workflowID:workflowID, uitypes:uitypes, type:options["type"],refFields:options["refFields"],reftemplate:format,workflow_module:templateModule});
     jQuery.ajaxSetup({async:true});
     insertTemplateFieldCache[cacheKey] = jQuery("#insertTemplateFieldContainer").html();
     } else {
     jQuery("#insertTemplateFieldContainer").html(insertTemplateFieldCache[cacheKey]);
     }

     //    jQuery("#insertTemplateFieldContainer select.chzn-select").chosen();
     //openPageOverlay(htmlTextArea + '<br><div class="btn-group" style="text-align:center;margin-top:5px;"><button class="btn btn-warning" onclick="closePageOverlay(\'templateIcon_' + id + '\');">' + MOD.LBL_CANCEL + '</button><input type="btn" class="btn green" onclick="rewriteBiggerTextarea(\'' + field_id + '\');" value="' + MOD.LBL_SAVE + '"></div>', 500, field_id);

     openPageOverlay(jQuery("#insertTemplateFieldContainer").html() + '<br><div class="btn-group pull-right" style="text-align:center;margin-top:5px;"><button class="btn btn-warning" onclick="closePageOverlay(\'templateIcon_' + id + '\');">' + MOD.LBL_CANCEL + '</button><button class="btn btn-success" onclick="insertTextIntoField(\''+id+'\',\'$\' + jQuery(\'#insertTemplateField_Select\',\'#pageOverlayContent\').val(),' + (replace?"true":"false") + ', true);">' + MOD.LBL_SAVE + '</button></div>', 500, 'templateIcon_' + id);

     jQuery("#pageOverlayContent select.chzn-select").select2();
     jQuery("#pageOverlayContent").on("click", function(e) {
     e.stopPropagation();
     });


     /*
     jQuery("#insertTemplateFieldContainer").dialog({
     width:400,
     modal: true,
     buttons: {
     "Insert Field": function() {

     jQuery( this ).dialog( "close" );
     },
     "Cancel": function() {
     jQuery( this ).dialog( "close" );
     }
     }
     }); */
}
/*
 function insertTextIntoField(field_id, text, replace, closeWindow) {
 var delimiter = jQuery("#" + field_id).data("delimiter");

 if(typeof insertVariableCallback == 'function') {
 var returnVar = insertVariableCallback(text, {field: field_id, replace:replace });
 if(returnVar === false) {
 return;
 }
 }

 if(replace == true) {
 jQuery('#' + field_id).val(text);
 } else {
 var oldVal = jQuery('#' + field_id).val();
 if(delimiter !== undefined && oldVal.length > 0) {
 oldVal = oldVal + delimiter;
 }
 jQuery('#' + field_id).val(oldVal + text);
 }
 jQuery("#" + field_id).trigger("insertText", [text]);

 if(closeWindow) {
 closePageOverlay('templateIcon_' + field_id, true);
 }
 }*/
var autoCompleterQueue = [];
var autoCompleterFields = {};

function addToAutoCompleter(id) {
    autoCompleterQueue.push(id);
}
function loadAutoCompleteFields(module) {
    if(typeof autoCompleterFields[module] != 'undefined') {
        return;
    }

    autoCompleterFields[module] = 999;

    jQuery.post('index.php?module=Workflow2&action=GetModuleFields', {moduleName: module}, function(response) {
        var tmp = [];
        jQuery.each(response, function(index, value) {
            tmp.push({ label:value.label, searchlabel:value.label.toLowerCase(), value:value.name, category: value.group, reference:value.name.substr(0,1) == '('} );
        });
        autoCompleterFields[module] = tmp;
    }, 'json');
}
/*$.widget("custom.catcomplete", jQuery.ui.autocomplete, {
 _renderMenu: function(ul, items) {
 var self = this,
 currentCategory = "";
 categoryCounter = 0;
 ul.append("<li class='ui-autocomplete-category search-dropdown-headline'>Options for '" + this.term + "'</li>");

 jQuery.each(items, function(index, item) {
 if (item.category != currentCategory) {
 ul.append("<li class='ui-autocomplete-category search-dropdown-category'>" + item.category + "</li>");
 currentCategory = item.category;
 categoryCounter = 0;
 }
 if(8 == categoryCounter) {
 return;
 }
 self._renderItem(ul, item);
 categoryCounter++;
 });
 }
 });
 */
function ShowFormulaAssistant(selection, options) {
    if(typeof options == 'undefined') options = {};
    if(typeof options['save-only'] == 'undefined') options['save-only'] = true;

    function LoadFormulaAssistant() {
        var dfd2 = jQuery.Deferred();

        jQuery('head').append('<link rel="stylesheet" href="modules/Workflow2/views/resources/FormulaAssistant.css?'+WFD_VERSION+'" type="text/css" />');
        jQuery.getScript('modules/Workflow2/views/resources/js/FormulaAssistant.js').done(function( s, Status ) {
            dfd2.resolve();
        });

        return dfd2.promise();
    }

    var dfd = jQuery.Deferred();
    if(!jQuery('body').hasClass('FormulaAssitantLoaded')) {
        LoadFormulaAssistant().then(function(shortcode) {
            var obj = new SWFormulaAssistant();
            if(options['save-only'] === false) {
                obj.hideSaveOnly();
            }

            obj.start(selection).then(function(shortcode) {
                dfd.resolveWith({}, [shortcode]);
            });

        });
    }
    return dfd.promise();
}

function InitAutocompleteText() {
    if(typeof autoCompleterFields == 'undefined') {
        autoCompleterFields = {};
    }
    if(typeof jQuery.contextMenu == 'undefined') {
        return;
    }

    jQuery.contextMenu({
        selector: '.initAutocomplete',
        callback: function(key, options) {
            switch(key) {
                case 'empty':
                    if(!jQuery(this).attr('readonly')) jQuery(this).val('');
                    break;
                case 'reset':
                    if(!jQuery(this).attr('readonly')) jQuery(this).val(jQuery(this).data('currentvalue'));
                    break;
                case 'formulas':
                    var ele = this;
                    var range = $(this).textrange();

                    ShowFormulaAssistant(jQuery.trim(range.text)).then(function(shortcode) {
                        //console.log('return');
                        //console.log(ele, shortcode);
                        jQuery(ele).val(jQuery(ele).val() + shortcode);
                    });
                    break;
            }
        },
        items: {
            "reset": {name: app.vtranslate("Reset value"), icon: "edit"},
            "empty": {name: app.vtranslate("Empty field"), icon: "delete"},
            'sep1': '---',
            'formulas' : {name: app.vtranslate('Formula Assistant'), icon: "assistant"}
        }
    });

    jQuery('.initAutocomplete').each(function(index, ele) {
        var target = jQuery(ele);
        target.removeClass('.initAutocomplete');

        if(target.data('module') == 'undefined' || target.data('module') == '') {
            return;
        }
        if(typeof autoCompleterFields[target.data('module')] == 'undefined') {
            loadAutoCompleteFields(target.data('module'));
        }

        target.textcomplete([
            { // html
                //match: / \$?([^\s]+)/,
                match: /\$?([^\s]+)$/,
                search: jQuery.proxy(function (term, callback) {
                    callback(jQuery.map(autoCompleterFields[this.module], function (element, index) {
                        return element['searchlabel'].indexOf(term.toLowerCase()) != -1 ? element : null || element['value'].indexOf(term.toLowerCase()) != -1 ? element : null;
                    }));
                }, { module: target.data('module')}),
                template: function (value) {
                    return '<span style="font-size: 9px;float:right;padding-left:20px;text-align:right;">' + value.category + '' + (value.reference ? '<br/><strong>'+app.vtranslate('Reference Field')+'</strong>' : '') + '</span><strong>' + value.label + '</strong><br/><em style="font-size:9px;">$' + value.value + '</em>';
                },
                index:1,
                replace: function (element) {
                    return ['$' + element.value + '',''];
                }
            }
        ], {
            maxCount:5,
            header:function(b) {
                return '<li class="textcomplete-header">' + app.vtranslate('Available fields') + ' [' + b.length + ']' + '</li>';
            }
        });


        /*

         var autocompleter = jQuery("#" + id).catcomplete({
         source: function(request, response) {
         var start = new Date().getTime();
         var module = jQuery(this.element).data('module');

         // muss geladen werden
         if(typeof autoCompleterFields[module] == 'undefined') {
         loadAutoCompleteFields(module);
         response([]);
         return;
         }
         // wird gerade geladen
         if(999 == autoCompleterFields[module]) {
         response([]);
         return;
         }

         var text = getCurrentWord(this.element[0]); //AutocompleterSplit(request.term).pop();

         if(text.substr(0, 1) == '$') {
         text = text.substr(1);
         }
         var length = text.length;

         if(length == 0) {
         response([]);
         return;
         }
         var result = [];
         jQuery.each(autoCompleterFields[module], function(index, value) {
         //console.log(index.substr(0, length - 0), text);
         if(value.label.indexOf(text) != -1 || value.value.indexOf(text) != -1) {
         result.push(value);
         }
         });

         response(result);
         /!*            jQuery.ajax({
         type: "POST",
         contentType: "application/json; charset=utf-8",
         url: "Default.aspx/GetAutoCompleteData",
         data: "{'username':'" + extractLast(request.term) + "'}",
         dataType: "json",
         success: function(data) {
         response(data.d);
         },
         error: function(result) {

         }
         }); *!/
         var elapsed = new Date().getTime() - start;
         oldScroll = this.element[0].scrollLeft;
         //console.log('autocomplete time: ' + elapsed + ' ms');
         },
         focus: function() {
         // prevent value inserted on focus
         return false;
         },
         select: function(event, ui) {
         ReplaceCurrentWord(this, '$' + ui.item.value);
         return false;
         var terms = AutocompleterSplit(this.value);
         // remove the current input
         terms.pop();
         // add the selected item
         terms.push('$' + ui.item.value);
         // add placeholder to get the comma-and-space at the end
         terms.push("");
         this.value = terms.join(" ");
         return false;
         }
         });

         jQuery("#" + id).bind("keydown", function(event) {
         if (event.keyCode === jQuery.ui.keyCode.TAB && jQuery(this).data("autocomplete").menu.active) {
         event.preventDefault();
         }
         });
         */

    });

    autoCompleterQueue = [];
}
function AutocompleterSplit(val) {
    return val.split(/ +/);
}
function openModalOverlay(html, buttons, width, effectInputSource, effectOutputSource) {
    var dfd2 = jQuery.Deferred();

    //  onclick="insertTextIntoField(\''+id+'\',\'$\' + jQuery(\'#insertTemplateField_Select\',\'#pageOverlayContent\').val(),' + (replace?"true":"false") + ', true);"

    if(typeof effectSource == "undefined") {
        effectSource = false;
    }

    html += '<br>';

    html += '<div class="btn-group pull-right" style="text-align:center;margin-top:5px;">';
    html += '<button class="btn btn-warning BtnCancel" onclick="">' + buttons.cancel + '</button>';
    html += '<button class="btn btn-success BtnOk">' + buttons.ok + '</button>'
    html += '</div>';

    var ele = jQuery("#pageOverlay");
    var eleContent = jQuery("#pageOverlayContent");
    html = '<img src="modules/Workflow2/icons/cross-button.png" style="position:absolute;right:-5px;top:-5px;cursor:pointer;" onclick="closePageOverlay();">' + html;

    if(ele.css('display') == 'none') {
        eleContent.css("width", width + "px");
        eleContent.css("marginLeft", (-1 * (width / 2)) + "px");

        eleContent.css('visibility', 'hidden');
        ele.css('opacity', '0');

        eleContent.show();
        ele.show();

        eleContent.html(html);
        //eleContent.slideDown("fast");

        if(effectSource != false && jQuery(effectSource).length > 0) {
            ele.animate({ opacity:1 });
            jQuery(effectSource).effect( "transfer", { to: eleContent }, 250, function() {
                eleContent.css('visibility', 'visible');
                // ele.css('visibility', 'visible');
            });
        } else {
            eleContent.css('visibility', 'visible');
            ele.css('opacity', '1');

            ele.show();
        }

    } else {
        eleContent.html(html);
        eleContent.animate({
            width:width + "px",
            marginLeft: (-1 * (width / 2)) + "px"
        }, "fast", function() {

        });
    }

    jQuery('.BtnCancel').on('click', function(e) {
        if(effectInputSource) {
            closePageOverlay(effectInputSource);
        }
        dfd2.resolve(false);
    });

    jQuery('.BtnOk').on('click', function(e) {
        if(jQuery('.ModalResultValue', '#pageOverlayContent').hasClass('chzn-select')) {
            dfd2.resolve('$' + jQuery('.ModalResultValue', '#pageOverlayContent').select2('val'));
        } else {
            dfd2.resolve('$' + jQuery('.ModalResultValue', '#pageOverlayContent').val());
        }
        closePageOverlay(effectOutputSource);
    });

    jQuery('#pageOverlayContent').on('click.select2', function(e) {
        e.preventDefault();
        e.stopPropagation();
    });
    jQuery('#pageOverlayContent').on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
    });

    return dfd2.promise();
}
/*
 function openPageOverlay(html, width, button) {
 if(typeof button == "undefined") {
 button = false;
 }

 var ele = jQuery("#pageOverlay");
 var eleContent = jQuery("#pageOverlayContent");
 html = '<img src="modules/Workflow2/icons/cross-button.png" style="position:absolute;right:-5px;top:-5px;cursor:pointer;" onclick="closePageOverlay();">' + html;

 if(ele.css('display') == 'none') {
 eleContent.css("width", width + "px");
 eleContent.css("marginLeft", (-1 * (width / 2)) + "px");

 eleContent.css('visibility', 'hidden');
 ele.css('opacity', '0');

 eleContent.show();
 ele.show();

 eleContent.html(html);
 //eleContent.slideDown("fast");

 if(button != false && jQuery("#" + button).length > 0) {
 ele.animate({ opacity:1 });
 jQuery("#" + button).effect( "transfer", { to: eleContent }, 250, function() {
 eleContent.css('visibility', 'visible');
 // ele.css('visibility', 'visible');
 });
 } else {
 eleContent.css('visibility', 'visible');
 ele.css('opacity', '1');

 ele.show();
 }

 } else {
 eleContent.html(html);
 eleContent.animate({
 width:width + "px",
 marginLeft: (-1 * (width / 2)) + "px"
 }, "fast", function() {

 });
 }

 jQuery('#pageOverlayContent').on('click.select2', function(e) {
 e.preventDefault();
 e.stopPropagation();
 });
 jQuery('#pageOverlayContent').on('click', function(e) {
 e.preventDefault();
 e.stopPropagation();
 });

 }
 */
function selectText(ele) {

//Get the HTML in a div #hoverText and detect mouse move on it
    /* var $hoverText = $("#hoverText");
     $hoverText.mousemove(function (e) {
     var word = getWordUnderCursor(e);

     //Show the word in a div so we can test the result
     if (word !== "")
     $("#testResult").text(word);
     });*/



}

// jquery-textrange
!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):t("object"==typeof exports?require("jquery"):jQuery)}(function(t){var e,n={get:function(t){return i[e].get.apply(this,[t])},set:function(t,n){var s,r=parseInt(t),o=parseInt(n);return"undefined"==typeof t?r=0:0>t&&(r=this[0].value.length+r),"undefined"!=typeof n&&(s=n>=0?r+o:this[0].value.length+o),i[e].set.apply(this,[r,s]),this},setcursor:function(t){return this.textrange("set",t,0)},replace:function(t){return i[e].replace.apply(this,[String(t)]),this},insert:function(t){return this.textrange("replace",t)}},i={xul:{get:function(t){var e={position:this[0].selectionStart,start:this[0].selectionStart,end:this[0].selectionEnd,length:this[0].selectionEnd-this[0].selectionStart,text:this.val().substring(this[0].selectionStart,this[0].selectionEnd)};return"undefined"==typeof t?e:e[t]},set:function(t,e){"undefined"==typeof e&&(e=this[0].value.length),this[0].selectionStart=t,this[0].selectionEnd=e},replace:function(t){var e=this[0].selectionStart,n=this[0].selectionEnd,i=this.val();this.val(i.substring(0,e)+t+i.substring(n,i.length)),this[0].selectionStart=e,this[0].selectionEnd=e+t.length}},msie:{get:function(t){var e=document.selection.createRange();if("undefined"==typeof e){var n={position:0,start:0,end:this.val().length,length:this.val().length,text:this.val()};return"undefined"==typeof t?n:n[t]}var i=0,s=0,r=this[0].value.length,o=this[0].value.replace(/\r\n/g,"\n"),a=this[0].createTextRange(),l=this[0].createTextRange();a.moveToBookmark(e.getBookmark()),l.collapse(!1),-1===a.compareEndPoints("StartToEnd",l)?(i=-a.moveStart("character",-r),i+=o.slice(0,i).split("\n").length-1,-1===a.compareEndPoints("EndToEnd",l)?(s=-a.moveEnd("character",-r),s+=o.slice(0,s).split("\n").length-1):s=r):(i=r,s=r);var n={position:i,start:i,end:s,length:r,text:e.text};return"undefined"==typeof t?n:n[t]},set:function(t,e){var n=this[0].createTextRange();if("undefined"!=typeof n){"undefined"==typeof e&&(e=this[0].value.length);var i=t-(this[0].value.slice(0,t).split("\r\n").length-1),s=e-(this[0].value.slice(0,e).split("\r\n").length-1);n.collapse(!0),n.moveEnd("character",s),n.moveStart("character",i),n.select()}},replace:function(t){document.selection.createRange().text=t}}};t.fn.textrange=function(i){return"undefined"==typeof this[0]?this:("undefined"==typeof e&&(e="selectionStart"in this[0]?"xul":document.selection?"msie":"unknown"),"unknown"===e?this:(document.activeElement!==this[0]&&this[0].focus(),"undefined"==typeof i||"string"!=typeof i?n.get.apply(this):"function"==typeof n[i]?n[i].apply(this,Array.prototype.slice.call(arguments,1)):void t.error("Method "+i+" does not exist in jQuery.textrange")))}});