(function ($) {

    $(document).ready(function () {

        transformTextareas();

        jQuery('.elements-wrapper').on('click', '.removebtn', function () {
            var removeid = jQuery(this).attr('data-id');
            jQuery(this).parent().remove();
            removeHandler(removeid);
        });

        $('.combine').focus(function () {
        }).blur(function () {
            var data_id = $(this).attr('class').split(' ')[1];
            var form = $('.' + data_id).not('#' + data_id);
            var vals = form.map(function () {
                var value = this.value;
                return value ? value : undefined;
            }).get();
            $('#' + data_id).val(vals.join('^ct~'));

            var global_id = data_id.slice(1);
            var globalform = $('.' + global_id + 'global').not('#' + global_id);
            
            var globalvals = globalform.map(function () {
                var value = this.value;
                return value ? value : undefined;
            }).get();
            $('#' + global_id).val(globalvals.join('~ct~'))
        });

    });
}(jQuery));

function reload_js(src) {
    jQuery('script[src="' + src + '"]').remove();
    jQuery('<script>').attr('src', src).appendTo('head');
}

function myCustomOnChangeHandler(inst) {
    setTimeout(function () {
        var data_id_rough = inst.getBody().getAttribute("data-id");
        var data_id = data_id_rough.slice(0, -6);

        var data_id_content = inst.getBody().innerHTML;
        jQuery('#'+data_id+'input3').val(data_id_content);

        var form = jQuery('.' + data_id).not('#' + data_id);

        var vals = form.map(function () {
            var value = this.value;
            return value ? value : undefined;
        }).get();
        jQuery('#' + data_id).val(vals.join('^ct~'))

        var global_id = data_id.slice(1);
        var globalform = jQuery('.' + global_id + 'global').not('#' + global_id);

        var globalvals = globalform.map(function () {
            var value = this.value;
            return value ? value : undefined;
        }).get();
        jQuery('#' + global_id).val(globalvals.join('~ct~'))
    }, 500);
};

function removeHandler(inst) {
    setTimeout(function () {
        var data_id = inst;
        var global_id = data_id.slice(1);
        var globalform = jQuery('.' + global_id + 'global').not('#' + global_id);

        var globalvals = globalform.map(function () {
            var value = this.value;
            return value ? value : undefined;
        }).get();
        jQuery('#' + global_id).val(globalvals.join('~ct~'))
    }, 500);
};

function transformTextareas() {
    tinymce.init({
        mode: "textareas",
        menubar: false,
        statusbar: false,
        setup: function (ed) {
            ed.on("change", function () {
                myCustomOnChangeHandler(ed);
            })
            //ed.on('init', function () {
            //    alert(tinymce.editors.length);
            //});
        }
    });
};