/*
 CSS Browser Selector v0.4.0 (Nov 02, 2010)
 Rafael Lima (http://rafael.adm.br)
 http://rafael.adm.br/css_browser_selector
 License: http://creativecommons.org/licenses/by/2.5/
 Contributors: http://rafael.adm.br/css_browser_selector#contributors
 */
function css_browser_selector(u) {
    var ua = u.toLowerCase(), is = function(t) {
            return ua.indexOf(t) > -1
        }, g = 'gecko', w = 'webkit', s = 'safari', o = 'opera', m = 'mobile', h = document.documentElement,
        b = [ (!(/opera|webtv|firefox/i.test(ua)) && /trident|msie/i.test(ua) && /(msie\s|rv\:)(\d+)/.test(ua)) ? ('ie ie' + RegExp.$2) : is('firefox/2') ? g + ' ff2' : is('firefox/3.5') ? g + ' ff3 ff3_5' : is('firefox/3.6') ? g + ' ff3 ff3_6' : is('firefox/3') ? g + ' ff3' : is('gecko/') ? g : is('opera') ? o + (/version\/(\d+)/.test(ua) ? ' ' + o + RegExp.$1 : (/opera(\s|\/)(\d+)/.test(ua) ? ' ' + o + RegExp.$2 : '')) : is('konqueror') ? 'konqueror' : is('blackberry') ? m + ' blackberry' : is('android') ? m + ' android' : is('chrome') ? w + ' chrome' : is('iron') ? w + ' iron' : is('applewebkit/') ? w + ' ' + s + (/version\/(\d+)/.test(ua) ? ' ' + s + RegExp.$1 : '') : is('mozilla/') ? g : '', is('j2me') ? m + ' j2me' : is('iphone') ? m + ' iphone' : is('ipod') ? m + ' ipod' : is('ipad') ? m + ' ipad' : is('mac') ? 'mac' : is('darwin') ? 'mac' : is('webtv') ? 'webtv' : is('win') ? 'win' + (is('windows nt 6.0') ? ' vista' : '') : is('freebsd') ? 'freebsd' : (is('x11') || is('linux')) ? 'linux' : '', 'js' ];
    if(document.documentMode || /Edge/.test(navigator.userAgent)) {
        b.push("edge")
    }
    c = b.join(' ');
    h.className += ' ' + c;
    return c;
}; css_browser_selector(navigator.userAgent);

(function($) {
    $.belowthefold = function(element, settings) {
        var fold = $(window).height() + $(window).scrollTop();
        return fold <= $(element).offset().top - settings.threshold;
    };
    $.abovethetop = function(element, settings) {
        var top = $(window).scrollTop();
        return top >= $(element).offset().top + $(element).height() - settings.threshold;
    };
    $.rightofscreen = function(element, settings) {
        var fold = $(window).width() + $(window).scrollLeft();
        return fold <= $(element).offset().left - settings.threshold;
    };
    $.leftofscreen = function(element, settings) {
        var left = $(window).scrollLeft();
        return left >= $(element).offset().left + $(element).width() - settings.threshold;
    };
    $.inviewport = function(element, settings) {
        return !$.rightofscreen(element, settings) && !$.leftofscreen(element, settings) && !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
    };
    $.extend($.expr[ ':' ], {
        "below-the-fold": function(a, i, m) {
            return $.belowthefold(a, { threshold: 0 });
        }, "above-the-top": function(a, i, m) {
            return $.abovethetop(a, { threshold: 0 });
        }, "left-of-screen": function(a, i, m) {
            return $.leftofscreen(a, { threshold: 0 });
        }, "right-of-screen": function(a, i, m) {
            return $.rightofscreen(a, { threshold: 0 });
        }, "in-viewport": function(a, i, m) {
            return $.inviewport(a, { threshold: 0 });
        }
    });
})(jQuery);


function loadPopupForm(title, formURL, cccFormAPI, uid, addClass, callback, oncloseCallback, disableCenter, disableCloseBtn) {
    var thisApp;
    cms.loadingDiv($("body"));

    var div = $('<div class="htmlHolder"></div>');
    div.load(formURL, function() {

        cms.removeLoadingDiv($("body"));

        BootstrapDialog.confirm(1, 'info', title, '', true, true, {
            'callback': function(result) {
                if(result) {
                } else {
                    $('form.mainForm').find('input[type="submit"]').prop('disabled', false);
                }
            }
        }, (disableCloseBtn ? [] : [
            {
                label: lang('Close'),
                cssClass: 'btn-default',
                action: function(dialog) {
                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                    dialog.close();
                }
            }
        ]), function(dialog) {

            dialog.$modalBody.append(div);
            if(addClass) $(dialog.$modalDialog).addClass(addClass);
        }, function(dialog) {

            thisApp = cms.cccApp.init(cccFormAPI, $(dialog.$modalDialog).find(".cccApp"), (uid ? uid : false), false, function(thisApp) {
                if(callback) callback(thisApp, dialog)
            }, function() {
                if(canDebug()) console.log('onDestory App');
                dialog.close();
            });
            formSelect(thisApp);

        }, function(dialog) {
            if(canDebug()) console.log('onhide');
        }, function(dialog) {
            if(canDebug()) console.log('onhidden');
            if(oncloseCallback) oncloseCallback(thisApp);
        }, disableCenter, true);

    });

}
function rawurldecode(str) {
    return decodeURIComponent((str + '')
        .replace(/%(?![\da-f]{2})/gi, function() {
            return '%25';
        }));
}
function rawurlencode(str) {
    str = (str + '')
        .toString();
    return encodeURIComponent(str)
        .replace(/!/g, '%21')
        .replace(/'/g, '%27')
        .replace(/\(/g, '%28')
        .replace(/\)/g, '%29')
        .replace(/\*/g, '%2A');
}
function canDebug() {
    return false;
}

var randomIDs = [];
var cms = {
    cccApp: {},
    functionControl: function(func) {
        var setting = {
            swipe: true
        };
        if(setting[ func ]) {
            return setting[ func ];
        } else {
            return false;
        }
    },
    ready: function() {

    },
    init: function() {

    },
    translate: function(id, cmsPath) {
        console.log('Translate', id, cmsPath);
        if(!cmsPath) cmsPath = root_header_path
        loadPopupForm('Translate', cmsPath + 'cccframework/cccApp/getApp/?app=translate', cmsPath + '|cccms/ucp/api/ucp-v1/translate', id, false, function(thisApp, dialog) {
            thisApp.onSave = function() {
                dialog.close();
            };
        }, false, false, true);
    },
    siteSettingContent: function(client, settingSwitch, field, id, cmsPath) {
        console.log('settingContent', client, settingSwitch, field, cmsPath);
        if(!cmsPath) cmsPath = root_header_path
        loadPopupForm('Site Setting Content', cmsPath + 'cccframework/cccApp/getSiteSettingApp/?field=' + field + '&client=' + client + '&setting_switch=' + settingSwitch, cmsPath + '|cccms/ucp/api/ucp-v1/site-setting', id, "modal-lg", function(thisApp, dialog) {
            thisApp.onSave = function() {
                //dialog.close();
            };
        }, false, false, true);
    },
    inArray: function(needle, haystack) {
        var length = haystack.length;
        for(var i = 0; i < length; i++) {
            if(haystack[ i ] == needle) return true;
        }
        return false;
    },
    loadScript: function(url, callback) {
        var head = document.getElementsByTagName('head')[ 0 ];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        if(url) {
            script.src = url;
        }
        if(callback && typeof (callback) === 'function') {
            script.onreadystatechange = callback;
            script.onload = callback;
        }
        head.appendChild(script);
    },
    makeID: function() {
        if(!text) {
            var text = "";
            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
            for(var i = 0; i < 5; i++) {
                text += possible.charAt(Math.floor(Math.random() * possible.length));
            }
            if(cms.in_array(text, randomIDs)) return cms.makeID();
        }
        cms.regID(text);
        return text;
    },
    regID: function(id) {
        randomIDs.push(id);
    },
    shuffle: function(array) {
        var currentIndex = array.length, temporaryValue, randomIndex;
        while(0 !== currentIndex) {
            randomIndex = Math.floor(Math.random() * currentIndex);
            currentIndex -= 1;
            temporaryValue = array[ currentIndex ];
            array[ currentIndex ] = array[ randomIndex ];
            array[ randomIndex ] = temporaryValue;
        }
        return array;
    },
    getCookie: function(cname) {
        var name = ('isCCCMS' in window && window.isCCCMS ? 'cccms_' : '') + cname + "=";
        var ca = document.cookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[ i ];
            while(c.charAt(0) == ' ') c = c.substring(1);
            if(c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }
        return "";
    },
    setCookie: function(cname, cvalue, exdays, path) {
        var d = new Date();
        exdays = (exdays === false ? 1 : exdays);
        d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
        var expires = "expires=" + d.toGMTString();
        path = "path=" + (path != '' && path != undefined ? path : '/');
        document.cookie = ('isCCCMS' in window && window.isCCCMS ? 'cccms_' : '') + cname + "=" + cvalue + "; " + expires + "; " + path;
    },
    funnySubmitButton: function(obj) {
        document.write('<input type="submit" class="funnySubmitButton">');
    },
    loadingDiv: function(target, addLoading, setting) {
        if($(target).length > 1) {
            $(target).each(function() {
                cms.loadingDiv(this, addLoading, setting);
            });
            return false;
        }
        var LoadingDivID = cms.makeID();
        if(!setting) setting = { loading: {}, background: {} };
        if(!setting[ 'loading' ]) setting[ 'loading' ] = {};
        if(!setting[ 'background' ]) setting[ 'background' ] = {};
        if($("html,body").hasClass("hasSelectable")) {
            $('html,body').selectable("disable");
        }
        var loading;
        if(!addLoading) {
            loading = $('<span class="statusGif"></span>');
        } else {
            loading = $("<div></div>");
        }
        $.each(setting[ 'loading' ], function(k, v) {
            if(loading) $(loading).css(k, v);
        });
        var background = $("<div></div>");
        var final = $("<div class='LoadingDiv'></div>").css({
            position: ($(target).is("body") ? "fixed" : "absolute"),
            'z-index': '65535',
            height: $(target).height(),
            width: $(target).width()
        }).append(background).append(loading);
        var thisCallBack = function() {
            $(background).css({
                position: ($(target).is("body") ? "fixed" : "absolute"),
                opacity: (addLoading ? '0' : '0.5'),
                background: '#ffffff',
                height: $(target).outerHeight(),
                width: $(target).outerWidth()
            }).mousemove(function(e) {
                e.preventDefault();
                return false;
            }).mousedown(function(e) {
                e.preventDefault();
                return false;
            });
            $.each(setting[ 'background' ], function(k, v) {
                if(background) $(background).css(k, v);
            });
            $.each([
                'border-top-left-radius',
                'border-top-right-radius',
                'border-bottom-right-radius',
                'border-bottom-left-radius',
                '-webkit-border-radius',
                '-webkit-border-top-left-radius',
                '-webkit-border-top-right-radius',
                '-webkit-border-bottom-right-radius',
                '-webkit-border-bottom-left-radius',
                '-moz-border-radius',
                '-moz-border-radius-topleft',
                '-moz-border-radius-topright',
                '-moz-border-radius-bottomright',
                '-moz-border-radius-bottomleft'
            ], function(k, keyword) {
                if($(target).css(keyword)) $(background).css(keyword, $(target).css(keyword));
            });
            $.each({
                "padding-top": 'margin-top',
                "padding-left": 'margin-left'
            }, function(keyword, value) {
                if($(target).css(keyword)) $(background).css(value, '-' + $(target).css(keyword));
            });
        };
        thisCallBack();
        final.attr("LoadingDivID", LoadingDivID);
        var subCallBack = function() {
            if(!$(final).is(":visible")) {
                $(window).unbind("resize." + LoadingDivID);
                $(document).unbind("LoadingDivResize." + LoadingDivID);
                return false;
            }
            $(final).css({
                position: 'absolute',
                'z-index': '65535',
                height: $(target).height(),
                width: $(target).width()
            });
            thisCallBack();
        };
        $(window).bind("resize." + LoadingDivID, function() {
            subCallBack();
        });
        $(document).bind("LoadingDivResize." + LoadingDivID, function() {
            subCallBack();
        });
        cms.removeLoadingDiv(target);
        $(target).prepend(final);
        if($(target).is("body")) $("body").css("overflow", "hidden");

        return {
            'setText': function(text) {
                console.log($(target).children(".LoadingDiv").find(".statusGif"));
                $(target).children(".LoadingDiv").find(".statusGif").html("<span>" + text + "</span>");
            }
        };
    },
    removeLoadingDiv: function(target) {

        if($(target).is("body")) $("body").css("overflow", "");

        if($(target).length > 1) {
            $(target).each(function() {
                cms.removeLoadingDiv(this);
            });
            return false;
        }
        if($("html").hasClass("hasSelectable")) {
            $('html,body').selectable("enable");
        }
        if(target.attr) var LoadingDivID = target.attr("LoadingDivID");
        if(LoadingDivID) {
            $(window).unbind("resize." + LoadingDivID);
            $(document).unbind("LoadingDivResize." + LoadingDivID);
        }
        $(target).children(".LoadingDiv").remove();
    },
    simpleHrefValue: function(obj, title) {
        var $obj = $(obj);
        var value = obj.href;
        value = value.replace("javascript:void('", '').replace("');", '');
        BootstrapDialog.show({
            'title': title,
            'message': '<div style="word-break:break-all;max-height:150px;overflow-x:hidden;overflow-y:auto;">' + value + '</div>'
        });
    },
    simpleConfirm: function(type, message, callback) {
        var btnColorType = 'default';
        switch(type) {
            case 'alert' :
                btnColorType = 'danger';
                break;
            default :
                btnColorType = type;
                break;
        }
        BootstrapDialog.confirm(false, type, false,
            lang(message),
            false, false, callback, [ {
                label: lang('cancel'),
                cssClass: 'btn-default',
                action: function(dialog) {
                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                    dialog.close();
                }
            }, {
                label: lang('enter'),
                cssClass: 'btn-' + btnColorType,
                action: function(dialog) {
                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(true);
                    dialog.close();
                }
            } ]
        )
    },
    simpleAjax: function(ajaxOptions, doneCallBack, failCallBack) {
        $.ajax(ajaxOptions).done(function(data, textStatus, jqXHR) {
            if(doneCallBack && typeof (doneCallBack) == 'function') {
                doneCallBack(data, textStatus, jqXHR);
            }
        }).fail(function(data, textStatus, jqXHR) {
            if(failCallBack && typeof (failCallBack) == 'function') {
                failCallBack(data, textStatus, jqXHR);
            } else {
                console.warn(data, textStatus, jqXHR);
            }
        });
    },
    windowFocus: function($windowFocusFunc, $windowBlurFunc, $tabFocusFunc, $tabBlurFunc) {
        //Main visibility API function
        //Use visibility API to check if current tab is active or not
        var vis = (function() {
            var stateKey, eventKey,
                keys = {
                    hidden: "visibilitychange",
                    webkitHidden: "webkitvisibilitychange",
                    mozHidden: "mozvisibilitychange",
                    msHidden: "msvisibilitychange"
                };
            for(stateKey in keys) {
                if(stateKey in document) {
                    if(keys[ stateKey ]) {
                        eventKey = keys[ stateKey ];
                        break;
                    }
                }
            }
            return function(c) {
                if(c) {
                    document.addEventListener(eventKey, c);
                } else {
                    return !document[ stateKey ];
                }
            }
        })();
        //Check if current tab is active or not
        vis(function() {
            if(vis()) {
                // tween resume() code goes here
                if($tabFocusFunc && typeof ($tabFocusFunc) !== 'undefined') {
                    $tabFocusFunc();
                }
            } else {
                // tween pause() code goes here
                if($tabBlurFunc && typeof ($tabBlurFunc) !== 'undefined') {
                    $tabBlurFunc();
                }
            }
        });
        //Check if browser window has focus
        var notIE = (document.documentMode === undefined),
            isChromium = window.chrome;
        if(notIE && !isChromium) {
            // checks for Firefox and other  NON IE Chrome versions
            $(window).on("focusin", function() {
                // tween resume() code goes here
                if($windowFocusFunc && typeof ($windowFocusFunc) !== 'undefined') {
                    $windowFocusFunc();
                }
            }).on("focusout", function() {
                // tween pause() code goes here
                if($windowBlurFunc && typeof ($windowBlurFunc) !== 'undefined') {
                    $windowBlurFunc();
                }
            });
        } else {
            // checks for IE and Chromium versions
            if(window.addEventListener) {
                // bind focus event
                window.addEventListener("focus", function(event) {
                    // tween resume() code goes here
                    if($windowFocusFunc && typeof ($windowFocusFunc) !== 'undefined') {
                        $windowFocusFunc();
                    }
                }, false);
                // bind blur event
                window.addEventListener("blur", function(event) {
                    // tween pause() code goes here
                    if($windowBlurFunc && typeof ($windowBlurFunc) !== 'undefined') {
                        $windowBlurFunc();
                    }
                }, false);
            } else {
                // bind focus event
                window.attachEvent("focus", function(event) {
                    // tween resume() code goes here
                    if($windowFocusFunc && typeof ($windowFocusFunc) !== 'undefined') {
                        $windowFocusFunc();
                    }
                });
                // bind focus event
                window.attachEvent("blur", function(event) {
                    // tween pause() code goes here
                    if($windowBlurFunc && typeof ($windowBlurFunc) !== 'undefined') {
                        $windowBlurFunc();
                    }
                });
            }
        }
    },
    /*Like PHP Function*/
    in_array: function(needle, haystack) {
        var length = haystack.length;
        for(var i = 0; i < length; i++) {
            if(haystack[ i ] == needle) return true;
        }
        return false;
    },
    urlencode: function(str) {
        str = (str + '').toString();
        return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
    },
    http_build_query: function(formdata, numeric_prefix, arg_separator) {
        var value, key, tmp = [];
        var _http_build_query_helper = function(key, val, arg_separator) {
            var k, tmp = [];
            if(val === true) {
                val = "1";
            } else if(val === false) {
                val = "0";
            }
            if(val !== null && typeof (val) === "object") {
                for(k in val) {
                    if(val[ k ] !== null) {
                        tmp.push(_http_build_query_helper(key + "[" + k + "]", val[ k ], arg_separator));
                    }
                }
                return tmp.join(arg_separator);
            } else if(typeof (val) !== "function") {
                return cms.urlencode(key) + "=" + cms.urlencode(val);
            } else if(typeof (val) == "function") {
                return '';
            } else {
                throw new Error('There was an error processing for http_build_query().');
            }
        };
        if(!arg_separator) {
            arg_separator = "&";
        }
        for(key in formdata) {
            value = formdata[ key ];
            if(numeric_prefix && !isNaN(key)) {
                key = String(numeric_prefix) + key;
            }
            tmp.push(_http_build_query_helper(key, value, arg_separator));
        }
        return tmp.join(arg_separator);
    }
    /*Like PHP Function*/
};


var tempData = {};
tempData[ 'lang' ] = {};
function lang(code, langID, codecheck) {
    var span = false;
    var start_span, end_span;
    if(!code) return '';
    code = code;
    if((new RegExp("^span:.*")).test(code)) {
        span = true;
        code = code.replace('span:', '');
    }
    if(!langID) langID = tempData[ 'currentLangID' ];
    if(span) {
        //font-size:'+$('body').css('font-size')+';line-height:'+$('body').css('line-height')+';
        start_span = '<span style="background:transparent;position: relative;width:auto;height:auto;display:inline;float: none;padding: 0px;margin: 0px;top:0px;left: 0px;" class="langPack" lang="' + code + '">';
        end_span = '</span>';
    } else {
        start_span = '';
        end_span = '';
    }
    var errorCode = start_span + (codecheck ? '400' : code) + end_span;
    if(tempData[ 'lang' ]) {
        if(langID in tempData[ 'lang' ] && typeof tempData[ 'lang' ][ langID ] !== 'undefined') {
            var $breakSpace = false;
            if('breakspace' in tempData[ 'lang' ][ langID ]) $breakSpace = tempData[ 'lang' ][ langID ][ 'breakspace' ];
            if(code in tempData[ 'lang' ][ langID ]) {
                return start_span + tempData[ 'lang' ][ langID ][ code ] + end_span;
            } else {
                return code;
//                var final = code;
//                if(code.match(/(_|-|:)/g)){
//                    var langItems = code.split(":");
//                    if($.isArray(langItems)){
//                        $.each(langItems ,function(k,subLangItems){
//                            var word = '';
//                            if(subLangItems in tempData['lang'][langID]){
//                                word =  tempData['lang'][langID][subLangItems];
//                                var reg = new RegExp(word,"g");
//                                final = subLangItems.replace(reg,final);
//                            } else {
//                                subLangItems = subLangItems.split("_");
//                                var fullString = [];
//                                if($.isArray(subLangItems)) $.each(subLangItems ,function(ik,$subItems){
//                                    var word;
//                                    if($subItems in tempData['lang'][langID]){
//                                        word =  tempData['lang'][langID][$subItems];
//                                        var reg = new RegExp(word,"g");
//                                        fullString.push(word);
//                                    } else {
//                                        fullString.push($subItems);
//                                    }
//                                });
//                                final = fullString.join("_");
//                            }
//                        });
//                    }
//                    if(!$breakSpace) {
//                        final = final.replace(/(_|-)/g,"");
//                    }
//                    if($breakSpace) {
//                        final = final.replace(/(_|-)/g," ");
//                    }
//                    return final;
//                } else {
//                    return errorCode;
//                }
            }
        } else {
            return code;
        }
    } else {
        return errorCode;
    }
}

function LoadLangPackage(langID, callback, update) {
    $(document).trigger('reloadLayout');
    var mainHandler = function() {
        if(!tempData[ 'lang' ]) tempData[ 'lang' ] = {};
        if(!langID && clang > 0) {
            langID = clang;
        } else {
            if(!(langID >= 0) || langID == null) {
                langID = 2;
            }
        }
        var obj;
        var handler = function() {
            if(tempData[ 'oldLangID' ] != tempData[ 'currentLangID' ]) {
                obj = $('.langPack');
            } else {
                obj = $('.langPack:not(.langEcho)');
                obj = $('.langPack');
            }
            $(obj).each(function() {
                var $this = $(this);
                if($this.hasClass('langSpan')) {
                    $this.css({
                        'width': 'auto',
                        'height': 'auto',
                        'display': '',
                        'position': 'relative',
                        'float': 'none',
                        'padding': '0px',
                        'margin': '0px',
                        'top': '0px',
                        'left': '0px',
                        'font-size': $('body').css('font-size'),
                        'line-height': $('body').css('line-height')
                    });
                }
                var rawlangCode = $this.attr('lang');
                if(rawlangCode) {
                    if((new RegExp("^attr:.*")).test(rawlangCode)) {
                        rawlangCode = rawlangCode.replace('attr:', '');
                        rawlangCode = rawlangCode.split(":");
                        if(rawlangCode.length > 1) {
                            $this.attr(rawlangCode[ 0 ], lang(rawlangCode[ 1 ]));
                        }
                    } else {
                        if(tempData[ 'oldLangID' ] != tempData[ 'currentLangID' ]) {
                            rawlangCode = rawlangCode.replace('pp:', '').replace('ap:', '').replace('ib:', '').replace('ia:', '');
                            $this.contents().filter(function() {
                                return this.nodeType == 3
                            }).each(function() {
                                if(this.textContent) {
                                    this.textContent = this.textContent.replace(lang(rawlangCode, tempData[ 'oldLangID' ]), lang(rawlangCode, tempData[ 'currentLangID' ]));
                                } else {
                                    location.reload();
                                }
                            });
                        } else {
                            if(!($this.hasClass('langEcho'))) {
                                if((new RegExp("^pp:.*")).test(rawlangCode)) {
                                    if(!((new RegExp("^" + lang(rawlangCode.replace('pp:', '')) + ".*")).test($this.html()))) {
                                        $this.prepend(lang(rawlangCode.replace('pp:', '')));
                                    }
                                } else if((new RegExp("^ap:.*")).test(rawlangCode)) {
                                    if(!((new RegExp(".*" + lang(rawlangCode.replace('ap:', '')) + "$")).test($this.html()))) {
                                        $this.append(lang(rawlangCode.replace('ap:', '')));
                                    }
                                } else if((new RegExp("^ib:.*")).test(rawlangCode)) {
                                    $this.insertBefore(lang(rawlangCode.replace('ib:', '')));
                                } else if((new RegExp("^ia:.*")).test(rawlangCode)) {
                                    $this.insertAfter(lang(rawlangCode.replace('ia:', '')));
                                } else {
                                    $this.text(lang(rawlangCode));
                                }
                                $this.addClass('langEcho');
                            }
                        }
                    }
                }
            });
            if(tempData[ 'oldLangID' ] != tempData[ 'currentLangID' ]) {
                tempData[ 'oldLangID' ] = tempData[ 'currentLangID' ];
            }
            if(callback && typeof (callback) === "function") {
                callback.call();
            }
            cms.setCookie('lang', tempData[ 'currentLangID' ], 10);
            clang = tempData[ 'currentLangID' ];
            $(document).trigger('langPackLoaded');
        };
        if(langID > 0) {
            if(langID in tempData[ 'lang' ]) {
                tempData[ 'currentLangID' ] = langID;
                if(!(tempData[ 'oldLangID' ] >= 0)) tempData[ 'oldLangID' ] = langID;
                handler();
            } else {
                if('isExportMode' in window || 'skipAjaxLang' in window) {
                    if(callback && typeof (callback) === "function") {
                        callback.call();
                    }
                    $(document).trigger('langPackLoaded');
                } else {
                    $.ajax({
                        url: root_header_path + 'lib/ajax/lang/get/',
                        data: {
                            lang: langID
                        },
                        type: 'GET',
                        dataType: "json",
                        error: function(data) {
                            tempData[ 'lang' ][ langID ] = data.lang;
                            tempData[ 'currentLangID' ] = langID;
                            if(!(tempData[ 'oldLangID' ] >= 0)) tempData[ 'oldLangID' ] = langID;
                            handler();
                        },
                        success: function(data) {
                            tempData[ 'lang' ][ langID ] = data.lang;
                            tempData[ 'currentLangID' ] = langID;
                            if(!(tempData[ 'oldLangID' ] >= 0)) tempData[ 'oldLangID' ] = langID;
                            handler();
                        }
                    });
                }
            }
        } else {
            handler();
        }
    };
    if(update && langID > 0 && (tempData[ 'oldLangID' ] != tempData[ 'currentLangID' ])) {
        mainHandler();
    } else {
        mainHandler();
    }
}

$(window).load(function() {
    if(!clang) clang = 1;
    LoadLangPackage(clang, function() {
        $(document).trigger("langLoaded");
        $("body").addClass("langLoaded");
    });
});


var pad = function(n, width, z) {
    z = z || '0';
    n = n + '';
    return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
};

function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

var waitForFinalEvent = (function() {
    var timers = {};
    return function(callback, ms, uniqueId) {
        if(!uniqueId) {
            uniqueId = "Don't call this twice without a uniqueId";
        }
        if(timers[ uniqueId ]) {
            clearTimeout(timers[ uniqueId ]);
        }
        timers[ uniqueId ] = setTimeout(callback, ms);
    };
})();

$.fn.extend({
    animateCss: function(animationName) {
        var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
        $(this).addClass('animated ' + animationName).one(animationEnd, function() {
            $(this).removeClass('animated ' + animationName);
        });
    }
});


$(document).ready(function() {
    $("[data-animation]").each(function() {
        var thisData = ($(this).attr('data-animation')).split(",");
        var $this = this;
        switch(thisData[ 1 ]) {
            case 'hover':
                $($this).hover(function() {
                    $(this).animateCss(thisData[ 0 ]);
                });
                break;
            case 'hover-long':
                $($this).hover(function() {
                    switch(thisData[ 0 ]) {
                        case 'scale':
                            if($(this).attr("data-animation-target")) {
                                $(this).find($(this).attr("data-animation-target")).addClass("hoverScale");
                                $(this).find($(this).attr("data-animation-target")).addClass("hoverScaled");
                            } else {
                                $(this).addClass("hoverScale");
                                $(this).addClass("hoverScaled");
                            }
                            break;
                        default:
                            $($this).hover(function() {
                                $(this).animateCss(thisData[ 0 ]);
                            });
                            break;
                    }
                }, function() {
                    switch(thisData[ 0 ]) {
                        case 'scale':

                            if($(this).attr("data-animation-target")) {
                                var $target = $(this).find($(this).attr("data-animation-target"));
                                $($target).removeClass("hoverScale");
                                setTimeout(function() {
                                    if(!$($target).hasClass("hoverScale")) {
                                        $($target).removeClass("hoverScaled");
                                    }
                                }, 500);
                            } else {
                                $(this).removeClass("hoverScale");
                                setTimeout(function() {
                                    if(!$($this).hasClass("hoverScale")) {
                                        $($this).removeClass("hoverScaled");
                                    }
                                }, 500);
                            }

                            break;
                        default:
                            break;
                    }
                });
                break;
        }
    });
});

var getPercentage = function(orgValue, str) {
    var s = "%";
    if(str.indexOf(s) > -1) {
        return orgValue * (parseInt(str.replace("%", "")) / 100);
    } else {
        return parseInt(str.replace("%", ""));
    }
};

var positionObj = function(thisObj) {

    var obj = $(thisObj);
    if(obj.hasClass("reset-animate-me")) {
        console.log('reset-animate-me');
        $($this).css({
            '-webkit-transform': 'scale(' + ratio + ')',
            '-moz-transform': 'scale(' + ratio + ')',
            '-ms-transform': 'scale(' + ratio + ')',
            '-o-transform': 'scale(' + ratio + ')',
            'transform': 'scale(' + ratio + ')'
        });

        obj.css({
            'top': '0px',
            'left': '0px',
            'margin-left': '0px',
            'margin-top': '0px'
        });
        return;
    }
    var $this = obj;
    var baseWidth = $(obj).attr('data-base-scale-width');
    var refObj = $(obj).attr(' data-base-scale-min="0.9" data-base-scale-obj-ref');
    var minRatio = $(obj).attr('data-base-scale-min');
    var maxRatio = $(obj).attr('data-base-scale-max');
    var targetObj = $(obj).parent();
    if(refObj) {
        targetObj = $(refObj);
    }
    var ratio = $(targetObj).width() / baseWidth;
    if(minRatio) if(ratio < minRatio) ratio = minRatio;
    if(maxRatio) if(ratio > maxRatio) ratio = maxRatio;
    $($this).css({
        '-webkit-transform': 'scale(' + ratio + ')',
        '-moz-transform': 'scale(' + ratio + ')',
        '-ms-transform': 'scale(' + ratio + ')',
        '-o-transform': 'scale(' + ratio + ')',
        'transform': 'scale(' + ratio + ')'
    });

    var targetX = obj.attr('data-center-x');
    var targetY = obj.attr('data-center-y');

    if($(window).width() < 1200) {
        var mdY = obj.attr('data-center-y-md');
        if(mdY) targetY = mdY;

        var mdX = obj.attr('data-center-x-md');
        if(mdX) targetX = mdX;

    }
    if($(window).width() < 992) {
        var smY = obj.attr('data-center-y-sm');
        if(smY) targetY = smY;

        var smX = obj.attr('data-center-x-sm');
        if(smX) targetX = smX;
    }
    if($(window).width() < 768) {
        var xsY = obj.attr('data-center-y-xs');
        if(xsY) targetY = xsY;

        var xsX = obj.attr('data-center-x-xs');
        if(xsX) targetX = xsX;
    }

    if(targetY == "bottom" || targetY == "top") {
        var thisWidth = obj.width();
        var thisHeight = obj.height();
        var css = {
            left: (targetX ? getPercentage(targetObj.width(), targetX) : "0px"),
            'margin-left': '-' + (targetX ? thisWidth / 2 : 0) + 'px',
            'margin-top': '0px'
        };
        if(targetY == "bottom") {
            css[ 'bottom' ] = "0";
        }
        if(targetY == "top") {
            css[ 'top' ] = "0";
        }

    } else {
        var thisWidth = obj.width();
        var thisHeight = obj.height();
        var css = {
            left: (targetX ? getPercentage(targetObj.width(), targetX) : "0px"),
            top: getPercentage(targetObj.height(), targetY),
            'margin-left': '-' + (targetX ? thisWidth / 2 : 0) + 'px',
            'margin-top': '-' + (targetY ? thisHeight / 2 : 0) + 'px'
        };
    }
    obj.css(css);

};
var animateMe = function() {
    $(".animate-me,.reset-animate-me").each(function() {
        var $this = this;
        positionObj($this);
        if(!$($this).attr('id')) $($this).attr('id', cms.makeID());
        $(window).resize(function() {
            waitForFinalEvent(function() {
                positionObj($this);
                setTimeout(function() {
                    positionObj($this);
                }, 500);
            }, 200, "id-" + $($this).attr('id'))
        });

    });

    $("[data-refHeight]").each(function() {
        var $this = this;
        var obj = $($this).attr('data-refHeight');
        var thisHeight = "auto";
        if($(obj).length) {
            thisHeight = $(obj).first().outerHeight();
        }
        $($this).height(thisHeight);
    });

    $("[data-flex-col]").each(function() {
        var totalCol = 0;
        $(this).parent().children("[data-flex-col]").each(function() {
            var thisCol = parseInt($(this).attr('data-flex-col'));
            if(thisCol) totalCol += thisCol
        });
        var othersHeight = 0;
        $(this).parent().children().not("[data-flex-col]").not(".LoadingDiv").filter(function() {
            var position = $(this).css('position');
            return position !== 'absolute';
        }).each(function() {
            othersHeight += $(this).outerHeight();
        });
        var thisHeight = ($(this).parent().height() - othersHeight) / totalCol * parseInt($(this).attr('data-flex-col'));
        $(this).height(thisHeight);
    });
    $("[data-flex-row]").each(function() {
        var totalCol = 0;
        $(this).parent().children("[data-flex-row]").each(function() {
            var thisCol = parseInt($(this).attr('data-flex-row'));
            if(thisCol) totalCol += thisCol
        });
        var othersWidth = 0;
        $(this).parent().children().not("[data-flex-row]").not(".LoadingDiv").filter(function() {
            var position = $(this).css('position');
            return position !== 'absolute';
        }).each(function() {
            othersWidth += $(this).outerWidth();
        });
        var thisWidth = ($(this).parent().width() - othersWidth) / totalCol * parseInt($(this).attr('data-flex-row'));
        $(this).width(thisWidth);
    });

};
var initBackstretchImage = function() {
    $("[data-backstretchImage]").each(function() {
        var imagePath = $(this).attr('data-backstretchImage');
        if(imagePath) $(this).resizeOrInitBackstretch(imagePath);
    });

    $("[data-xs-class],[data-sm-class],[data-md-class],[data-lg-class]").each(function() {
        var dataXS = $(this).attr('data-xs-class');
        var dataSM = $(this).attr('data-sm-class');
        var dataMD = $(this).attr('data-md-class');
        var dataLG = $(this).attr('data-lg-class');
        $(this).removeClass(dataXS);
        $(this).removeClass(dataSM);
        $(this).removeClass(dataMD);
        $(this).removeClass(dataLG);

        $(this).addClass(dataXS);

        if($(window).width() >= 768) {
            $(this).removeClass(dataXS);
            $(this).addClass(dataSM);

        }
        if($(window).width() >= 992) {
            $(this).removeClass(dataXS);
            $(this).removeClass(dataSM);
            $(this).addClass(dataMD);

        }
        if($(window).width() >= 1200) {
            $(this).removeClass(dataXS);
            $(this).removeClass(dataSM);
            $(this).removeClass(dataMD);
            $(this).addClass(dataLG);

        }

    });
};

$(document).bind("refHeightLoaded.positionObj", function() {
    $(document).unbind("refHeightLoaded.positionObj");
    animateMe();
    var callback = function() {
        initBackstretchImage();
    };
    callback();
    $(window).resize(function() {
        callback();
        setTimeout(callback, 500);
    });
});

$(window).load(function() {
    if(!('noReFontSize' in window)) {
        var f = cms.getCookie('font-size');
        if(f) {
            $('a[rel=' + f + ']')
                .addClass('fontSizeActive')
                .siblings()
                .removeClass('fontSizeActive');
            $.switchFontSize(f);	// 20131126 added
        }
    }

    $('.fontSizeM, .fontSizeL, .fontSizeEx')
        .attr('href', 'javascript:void(0)')
        .click(function(e) {
            $('.fontSizeM, .fontSizeL, .fontSizeEx').removeClass("fontSizeActive");
            $.switchFontSize($(this).attr('rel'));
            $(this)
                .addClass('fontSizeActive')
                .siblings()
                .removeClass('fontSizeActive');
        });

    if($(".scrollToObj").length) {
        $('html, body').stop(true).animate({
            scrollTop: $(".scrollToObj").offset().top
        }, 500);
    }
});

var fontChangeCall = false;
$.switchFontSize = function(fz) {
//    console.log(fz);
    // 20131126: remove all font class
//    $(".mainContainer *").each(function () {
//        var $this = this;
//        if (!$($this).attr('data-org-font-size')) {
//            $($this).attr('data-org-font-size', $(this).css('font-size'));
//        }
//    });
//    var runCallback = function () {
//        $(".mainContainer *").each(function () {
//            var $this = this;
//            if (!$($this).attr('data-org-font-size')) {
//                $($this).attr('data-org-font-size', $($this).css('font-size'));
//            }
//            var newFontSize = $($this).attr('data-org-font-size');
//            switch (fz) {
//                case 'font-size-largest':
//                    newFontSize = (parseInt(newFontSize.replace('px', '')) + 2) + 'px';
//                    $($this).get(0).style.setProperty('font-size', newFontSize, 'important');
//                    break;
//                case 'font-size-larger':
//                    newFontSize = (parseInt(newFontSize.replace('px', '')) + 1) + 'px';
//                    $($this).get(0).style.setProperty('font-size', newFontSize, 'important');
//                    break;
//                default:
//                    $($this).get(0).style.setProperty('font-size', newFontSize, 'important');
//                    break;
//            }
//        });
//
//    };
//    runCallback();

    if(fontChangeCall) clearInterval(fontChangeCall);
    if(fz == "font-size-largest" || fz == "font-size-larger") {
        fontChangeCall = setInterval(runCallback, 200);
    }
    cms.setCookie('font-size', fz);
    if('refHeight' in window) refHeight();
};

var isCtrl = false;
var isShift = false;
var adminLoginOpen = false;

function initAdminMode() {

    if("FRONTEND_IS_ADMIN" in window && !FRONTEND_IS_ADMIN) {

        $(document).keyup(function(e) {
            if(e.which == 17) {
                isCtrl = false;
            }
            if(e.which == 16) {
                isShift = false;
            }
        });
        $(document).keydown(function(e) {
            if(e.which == 17) {
                isCtrl = true;
            }
            if(e.which == 16) {
                isShift = true;
            }
            //ctrl + shift + a
            if(e.which == 65 && isCtrl && isShift && adminLoginOpen === false) {
                adminLoginOpen = true;
                console.log("Admin mode open");
                cmsPath = root_header_path;
                loadPopupForm('Admin Login', cmsPath + 'cccframework/cccApp/getApp/?app=front-login&client_id=' + CLIENT_ID, cmsPath + '|cccms/ucp/api/ucp-v1/login/front', "", "modal-lg", function(thisApp, dialog) {
                    thisApp.onSave = function(data) {
                        if(data[ "status" ] == "1") {
                            cms.loadingDiv("body");
                            $.ajax({
                                url: root_header_path + 'cccframework/admin-mode/',
                                data: {
                                    token: data[ "data" ][ "token" ],
                                    user_id: data[ "data" ][ "user_id" ],
                                },
                                type: 'GET',
                                dataType: "json",
                                error: function(data) {
                                    cms.removeLoadingDiv("body");

                                },
                                success: function(data) {
                                    cms.removeLoadingDiv("body");
                                    location.reload();
                                }
                            });
                            dialog.close();
                        }
                    };
                }, function() {

                    adminLoginOpen = false;
                }, false, true);

            }
        });
    }

}
function frontAdminLogout() {
    cms.loadingDiv("body");
    $.ajax({
        url: root_header_path + 'cccframework/admin-mode/logout/',
        data: {},
        type: 'GET',
        dataType: "json",
        error: function(data) {
            cms.removeLoadingDiv("body");
        },
        success: function(data) {
            location.reload();
            cms.removeLoadingDiv("body");
        }
    });
}
function enableTranslateMode(value) {
    cms.loadingDiv("body");
    $.ajax({
        url: root_header_path + 'cccframework/admin-mode/translate/',
        data: {
            mode: value
        },
        type: 'GET',
        dataType: "json",
        error: function(data) {
            cms.removeLoadingDiv("body");
        },
        success: function(data) {
            location.reload();
            cms.removeLoadingDiv("body");
        }
    });
}
function enableSiteSetting(value) {
    cms.loadingDiv("body");
    $.ajax({
        url: root_header_path + 'cccframework/admin-mode/site-setting/',
        data: {
            mode: value
        },
        type: 'GET',
        dataType: "json",
        error: function(data) {
            cms.removeLoadingDiv("body");
        },
        success: function(data) {
            location.reload();
            cms.removeLoadingDiv("body");
        }
    });
}
$(document).ready(function() {
    if("FRONTEND_LOGIN" in window && FRONTEND_LOGIN) {
        initAdminMode();
    }
});

!function (n) {
    "use strict";

    function t(n, t) {
        var r = (65535 & n) + (65535 & t);
        return (n >> 16) + (t >> 16) + (r >> 16) << 16 | 65535 & r
    }

    function r(n, t) {
        return n << t | n >>> 32 - t
    }

    function e(n, e, o, u, c, f) {
        return t(r(t(t(e, n), t(u, f)), c), o)
    }

    function o(n, t, r, o, u, c, f) {
        return e(t & r | ~t & o, n, t, u, c, f)
    }

    function u(n, t, r, o, u, c, f) {
        return e(t & o | r & ~o, n, t, u, c, f)
    }

    function c(n, t, r, o, u, c, f) {
        return e(t ^ r ^ o, n, t, u, c, f)
    }

    function f(n, t, r, o, u, c, f) {
        return e(r ^ (t | ~o), n, t, u, c, f)
    }

    function i(n, r) {
        n[r >> 5] |= 128 << r % 32, n[14 + (r + 64 >>> 9 << 4)] = r;
        var e, i, a, d, h, l = 1732584193, g = -271733879, v = -1732584194, m = 271733878;
        for (e = 0; e < n.length; e += 16) i = l, a = g, d = v, h = m, g = f(g = f(g = f(g = f(g = c(g = c(g = c(g = c(g = u(g = u(g = u(g = u(g = o(g = o(g = o(g = o(g, v = o(v, m = o(m, l = o(l, g, v, m, n[e], 7, -680876936), g, v, n[e + 1], 12, -389564586), l, g, n[e + 2], 17, 606105819), m, l, n[e + 3], 22, -1044525330), v = o(v, m = o(m, l = o(l, g, v, m, n[e + 4], 7, -176418897), g, v, n[e + 5], 12, 1200080426), l, g, n[e + 6], 17, -1473231341), m, l, n[e + 7], 22, -45705983), v = o(v, m = o(m, l = o(l, g, v, m, n[e + 8], 7, 1770035416), g, v, n[e + 9], 12, -1958414417), l, g, n[e + 10], 17, -42063), m, l, n[e + 11], 22, -1990404162), v = o(v, m = o(m, l = o(l, g, v, m, n[e + 12], 7, 1804603682), g, v, n[e + 13], 12, -40341101), l, g, n[e + 14], 17, -1502002290), m, l, n[e + 15], 22, 1236535329), v = u(v, m = u(m, l = u(l, g, v, m, n[e + 1], 5, -165796510), g, v, n[e + 6], 9, -1069501632), l, g, n[e + 11], 14, 643717713), m, l, n[e], 20, -373897302), v = u(v, m = u(m, l = u(l, g, v, m, n[e + 5], 5, -701558691), g, v, n[e + 10], 9, 38016083), l, g, n[e + 15], 14, -660478335), m, l, n[e + 4], 20, -405537848), v = u(v, m = u(m, l = u(l, g, v, m, n[e + 9], 5, 568446438), g, v, n[e + 14], 9, -1019803690), l, g, n[e + 3], 14, -187363961), m, l, n[e + 8], 20, 1163531501), v = u(v, m = u(m, l = u(l, g, v, m, n[e + 13], 5, -1444681467), g, v, n[e + 2], 9, -51403784), l, g, n[e + 7], 14, 1735328473), m, l, n[e + 12], 20, -1926607734), v = c(v, m = c(m, l = c(l, g, v, m, n[e + 5], 4, -378558), g, v, n[e + 8], 11, -2022574463), l, g, n[e + 11], 16, 1839030562), m, l, n[e + 14], 23, -35309556), v = c(v, m = c(m, l = c(l, g, v, m, n[e + 1], 4, -1530992060), g, v, n[e + 4], 11, 1272893353), l, g, n[e + 7], 16, -155497632), m, l, n[e + 10], 23, -1094730640), v = c(v, m = c(m, l = c(l, g, v, m, n[e + 13], 4, 681279174), g, v, n[e], 11, -358537222), l, g, n[e + 3], 16, -722521979), m, l, n[e + 6], 23, 76029189), v = c(v, m = c(m, l = c(l, g, v, m, n[e + 9], 4, -640364487), g, v, n[e + 12], 11, -421815835), l, g, n[e + 15], 16, 530742520), m, l, n[e + 2], 23, -995338651), v = f(v, m = f(m, l = f(l, g, v, m, n[e], 6, -198630844), g, v, n[e + 7], 10, 1126891415), l, g, n[e + 14], 15, -1416354905), m, l, n[e + 5], 21, -57434055), v = f(v, m = f(m, l = f(l, g, v, m, n[e + 12], 6, 1700485571), g, v, n[e + 3], 10, -1894986606), l, g, n[e + 10], 15, -1051523), m, l, n[e + 1], 21, -2054922799), v = f(v, m = f(m, l = f(l, g, v, m, n[e + 8], 6, 1873313359), g, v, n[e + 15], 10, -30611744), l, g, n[e + 6], 15, -1560198380), m, l, n[e + 13], 21, 1309151649), v = f(v, m = f(m, l = f(l, g, v, m, n[e + 4], 6, -145523070), g, v, n[e + 11], 10, -1120210379), l, g, n[e + 2], 15, 718787259), m, l, n[e + 9], 21, -343485551), l = t(l, i), g = t(g, a), v = t(v, d), m = t(m, h);
        return [l, g, v, m]
    }

    function a(n) {
        var t, r = "", e = 32 * n.length;
        for (t = 0; t < e; t += 8) r += String.fromCharCode(n[t >> 5] >>> t % 32 & 255);
        return r
    }

    function d(n) {
        var t, r = [];
        for (r[(n.length >> 2) - 1] = void 0, t = 0; t < r.length; t += 1) r[t] = 0;
        var e = 8 * n.length;
        for (t = 0; t < e; t += 8) r[t >> 5] |= (255 & n.charCodeAt(t / 8)) << t % 32;
        return r
    }

    function h(n) {
        return a(i(d(n), 8 * n.length))
    }

    function l(n, t) {
        var r, e, o = d(n), u = [], c = [];
        for (u[15] = c[15] = void 0, o.length > 16 && (o = i(o, 8 * n.length)), r = 0; r < 16; r += 1) u[r] = 909522486 ^ o[r], c[r] = 1549556828 ^ o[r];
        return e = i(u.concat(d(t)), 512 + 8 * t.length), a(i(c.concat(e), 640))
    }

    function g(n) {
        var t, r, e = "";
        for (r = 0; r < n.length; r += 1) t = n.charCodeAt(r), e += "0123456789abcdef".charAt(t >>> 4 & 15) + "0123456789abcdef".charAt(15 & t);
        return e
    }

    function v(n) {
        return unescape(encodeURIComponent(n))
    }

    function m(n) {
        return h(v(n))
    }

    function p(n) {
        return g(m(n))
    }

    function s(n, t) {
        return l(v(n), v(t))
    }

    function C(n, t) {
        return g(s(n, t))
    }

    function A(n, t, r) {
        return t ? r ? s(t, n) : C(t, n) : r ? m(n) : p(n)
    }

    "function" == typeof define && define.amd ? define(function () {
        return A
    }) : "object" == typeof module && module.exports ? module.exports = A : n.md5 = A
}(this);

/*!
* jQuery Mousewheel 3.1.13
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license
* http://jquery.org/license
*/

(function (factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define(['jquery'], factory);
    } else if (typeof exports === 'object') {
        // Node/CommonJS style for Browserify
        module.exports = factory;
    } else {
        // Browser globals
        factory(jQuery);
    }
}(function ($) {

    var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
        toBind = ('onwheel' in document || document.documentMode >= 9) ?
            ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
        slice = Array.prototype.slice,
        nullLowestDeltaTimeout, lowestDelta;

    if ($.event.fixHooks) {
        for (var i = toFix.length; i;) {
            $.event.fixHooks[toFix[--i]] = $.event.mouseHooks;
        }
    }

    var special = $.event.special.mousewheel = {
        version: '3.1.12',

        setup: function () {
            if (this.addEventListener) {
                for (var i = toBind.length; i;) {
                    this.addEventListener(toBind[--i], handler, false);
                }
            } else {
                this.onmousewheel = handler;
            }
            // Store the line height and page height for this particular element
            $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
            $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
        },

        teardown: function () {
            if (this.removeEventListener) {
                for (var i = toBind.length; i;) {
                    this.removeEventListener(toBind[--i], handler, false);
                }
            } else {
                this.onmousewheel = null;
            }
            // Clean up the data we added to the element
            $.removeData(this, 'mousewheel-line-height');
            $.removeData(this, 'mousewheel-page-height');
        },

        getLineHeight: function (elem) {
            var $elem = $(elem),
                $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
            if (!$parent.length) {
                $parent = $('body');
            }
            return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
        },

        getPageHeight: function (elem) {
            return $(elem).height();
        },

        settings: {
            adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
            normalizeOffset: true  // calls getBoundingClientRect for each event
        }
    };

    $.fn.extend({
        mousewheel: function (fn) {
            return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
        },

        unmousewheel: function (fn) {
            return this.unbind('mousewheel', fn);
        }
    });

    function handler(event) {
        var orgEvent = event || window.event,
            args = slice.call(arguments, 1),
            delta = 0,
            deltaX = 0,
            deltaY = 0,
            absDelta = 0,
            offsetX = 0,
            offsetY = 0;
        event = $.event.fix(orgEvent);
        event.type = 'mousewheel';

        // Old school scrollwheel delta
        if ('detail' in orgEvent) {
            deltaY = orgEvent.detail * -1;
        }
        if ('wheelDelta' in orgEvent) {
            deltaY = orgEvent.wheelDelta;
        }
        if ('wheelDeltaY' in orgEvent) {
            deltaY = orgEvent.wheelDeltaY;
        }
        if ('wheelDeltaX' in orgEvent) {
            deltaX = orgEvent.wheelDeltaX * -1;
        }

        // Firefox < 17 horizontal scrolling related to DOMMouseScroll event
        if ('axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS) {
            deltaX = deltaY * -1;
            deltaY = 0;
        }

        // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
        delta = deltaY === 0 ? deltaX : deltaY;

        // New school wheel delta (wheel event)
        if ('deltaY' in orgEvent) {
            deltaY = orgEvent.deltaY * -1;
            delta = deltaY;
        }
        if ('deltaX' in orgEvent) {
            deltaX = orgEvent.deltaX;
            if (deltaY === 0) {
                delta = deltaX * -1;
            }
        }

        // No change actually happened, no reason to go any further
        if (deltaY === 0 && deltaX === 0) {
            return;
        }

        // Need to convert lines and pages to pixels if we aren't already in pixels
        // There are three delta modes:
        //   * deltaMode 0 is by pixels, nothing to do
        //   * deltaMode 1 is by lines
        //   * deltaMode 2 is by pages
        if (orgEvent.deltaMode === 1) {
            var lineHeight = $.data(this, 'mousewheel-line-height');
            delta *= lineHeight;
            deltaY *= lineHeight;
            deltaX *= lineHeight;
        } else if (orgEvent.deltaMode === 2) {
            var pageHeight = $.data(this, 'mousewheel-page-height');
            delta *= pageHeight;
            deltaY *= pageHeight;
            deltaX *= pageHeight;
        }

        // Store lowest absolute delta to normalize the delta values
        absDelta = Math.max(Math.abs(deltaY), Math.abs(deltaX));

        if (!lowestDelta || absDelta < lowestDelta) {
            lowestDelta = absDelta;

            // Adjust older deltas if necessary
            if (shouldAdjustOldDeltas(orgEvent, absDelta)) {
                lowestDelta /= 40;
            }
        }

        // Adjust older deltas if necessary
        if (shouldAdjustOldDeltas(orgEvent, absDelta)) {
            // Divide all the things by 40!
            delta /= 40;
            deltaX /= 40;
            deltaY /= 40;
        }

        // Get a whole, normalized value for the deltas
        delta = Math[delta >= 1 ? 'floor' : 'ceil'](delta / lowestDelta);
        deltaX = Math[deltaX >= 1 ? 'floor' : 'ceil'](deltaX / lowestDelta);
        deltaY = Math[deltaY >= 1 ? 'floor' : 'ceil'](deltaY / lowestDelta);

        // Normalise offsetX and offsetY properties
        if (special.settings.normalizeOffset && this.getBoundingClientRect) {
            var boundingRect = this.getBoundingClientRect();
            offsetX = event.clientX - boundingRect.left;
            offsetY = event.clientY - boundingRect.top;
        }

        // Add information to the event object
        event.deltaX = deltaX;
        event.deltaY = deltaY;
        event.deltaFactor = lowestDelta;
        event.offsetX = offsetX;
        event.offsetY = offsetY;
        // Go ahead and set deltaMode to 0 since we converted to pixels
        // Although this is a little odd since we overwrite the deltaX/Y
        // properties with normalized deltas.
        event.deltaMode = 0;

        // Add event and delta to the front of the arguments
        args.unshift(event, delta, deltaX, deltaY);

        // Clearout lowestDelta after sometime to better
        // handle multiple device types that give different
        // a different lowestDelta
        // Ex: trackpad = 3 and mouse wheel = 120
        if (nullLowestDeltaTimeout) {
            clearTimeout(nullLowestDeltaTimeout);
        }
        nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);

        return ($.event.dispatch || $.event.handle).apply(this, args);
    }

    function nullLowestDelta() {
        lowestDelta = null;
    }

    function shouldAdjustOldDeltas(orgEvent, absDelta) {
        // If this is an older event and the delta is divisable by 120,
        // then we are assuming that the browser is treating this as an
        // older mouse wheel event and that we should divide the deltas
        // by 40 to try and get a more usable deltaFactor.
        // Side note, this actually impacts the reported scroll distance
        // in older browsers and can cause scrolling to be slower than native.
        // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
        return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
    }

}));
;// JavaScript Document

/* Remember to encode */
/* https://javascriptobfuscator.com/Javascript-Obfuscator.aspx */

var isDOM = (getRef ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var local_url = (header_path ? header_path : window.location.protocol + '//' + window.location.host + '/');
var root_local_url = (root_header_path ? root_header_path : window.location.protocol + '//' + window.location.host + '/');

var scripts = document.getElementsByTagName('script');
var myScript = scripts[scripts.length - 1];
var queryString = myScript.src.replace(/^[^\?]+\??/, '');
var global_js_params = parseQuery(queryString);

function parseQuery(query) {
    var Params = new Object();
    if (!query) return Params; // return empty object
    var Pairs = query.split(/[;&]/);
    for (var i = 0; i < Pairs.length; i++) {
        var KeyVal = Pairs[i].split('=');
        if (!KeyVal || KeyVal.length != 2) continue;
        var key = unescape(KeyVal[0]);
        var val = unescape(KeyVal[1]);
        val = val.replace(/\+/g, ' ');
        Params[key] = val;
    }
    return Params;
}


function getRef(id) {
    if (isDOM) return document.getElementById(id);
    if (isIE4) return document.all[id];
    if (isNS4) return document.layers[id];
}


var refHeight = function () {
    $(".layoutBlockHeight").each(function () {
        if ($(this).closest(".cccApp").length) return;
        var obj = $(this).parent().find(".layoutRefHeight").filter(":visible");
        var targetHeight = $(obj).height();
        if ($(this).hasClass("layoutBlockLineHeight")) {
            $(this).css('line-height', targetHeight + 'px');
            $(this).css('padding-top', $(obj).css("padding-top"));
            $(this).css('padding-bottom', $(obj).css("padding-bottom"));
        }
        $(this).height(targetHeight);
    });
    if($(".footer-menu-nav").hasClass("notSticky")){
        var contentsHeight = $(".footer-menu-nav").outerHeight() + $(".menu-nav").outerHeight() + $(".mainContainer").outerHeight();
        if(contentsHeight > $(window).height()){
            $(".footer-padding").height("auto");
        } else {
            $(".footer-padding").height($(window).height() - contentsHeight);
        }
    }
    $(".mainContainer").not(".notSticky").height($(window).height() - $(".menu-nav").outerHeight() - $(".footer-menu-nav").outerHeight());
    $(".mainContainerHeight").not(".notSticky").height($(window).height() - $(".menu-nav").outerHeight() - $(".footer-menu-nav").outerHeight());

    $(".changeBg").click(function(){
        $(this).closest(".imagesContainer").find(".changeBg").removeClass("active");
        $(this).addClass("active");

        $(".overLayBg").backstretch($(this).attr("data-image"), {
            duration: 3000, fade: 0
        });

    });
    $(".stickToBottom").each(function () {
        $(this).css('margin-top',$(this).parent().height() - $(this).outerHeight()+'px');
    });
    $(document).trigger("refHeightLoaded");
};


var scrollTimer = null;
$(window).resize(function () {
    if (scrollTimer) {
        clearTimeout(scrollTimer);   // clear any previous pending timer
    }
    scrollTimer = setTimeout(refHeight, 10);   // set new timer
});

$(document).bind("langLoaded", refHeight);
$(document).bind("load", refHeight);

$("html").addClass("frontEnd");
;;
function setupDatatable(obj,data,key){
    $(obj).data('datatable_settings',data);
    if(!key) key = "dataTable";
    $(obj).data('datatable_key',key);
}


$(window).load(function(){

    $('.auto_datatable').each(function(){
        var thisTable = $(this);
        var dataTableSetting = $(this).data('datatable_settings');
        if(canDebug()) console.log(dataTableSetting);
        $(thisTable).dataTable(dataTableSetting);
   });


});

if(jQuery.fn.dataTableExt) jQuery.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
    // check that we have a column id
    if ( typeof iColumn == "undefined" ) {
        return [];
    }

    // by default we only wany unique data
    if ( typeof bUnique == "undefined" ) {
        bUnique = true;
    }

    // by default we do want to only look at filtered data
    if ( typeof bFiltered == "undefined" ) {
        bFiltered = true;
    }

    // by default we do not wany to include empty values
    if ( typeof bIgnoreEmpty == "undefined" ) {
        bIgnoreEmpty = true;
    }

    // list of rows which we're going to loop through
    var aiRows;

    // use only filtered rows
    if (bFiltered === true) {
        aiRows = oSettings.aiDisplay;
    }
    // use all rows
    else {
        aiRows = oSettings.aiDisplayMaster; // all row numbers
    }

    // set up data array
    var asResultData = [];

    for (var i=0,c=aiRows.length; i<c; i++) {
        var iRow = aiRows[i];
        var sValue = this.fnGetData(iRow, iColumn);

        // ignore empty values?
        if (bIgnoreEmpty === true && sValue.length === 0) {
            continue;
        }

        // ignore unique values?
        else if (bUnique === true && jQuery.inArray(sValue, asResultData) > -1) {
            continue;
        }

        // else push the value onto the result data array
        else {
            asResultData.push(sValue);
        }
    }

    return asResultData;
};
var initTooltipster = function(){
    $(".tooltipster").not(".tooltipstered").each(function() {
        var theme = $(this).attr("data-theme");
        if(canDebug()) console.log('theme',theme);
        $(this).tooltipster({
            speed: 200,
            animation: 'grow',
            position: ($(this).attr("data-position")?$(this).attr("data-position"):'top'),
            theme: (theme ? theme :'tooltipster-shadow'),
            content: $(this).attr('data-title')
        });

        $(this).addClass(".tooltipstered");
    });
};
$(window).load(function(){
    initTooltipster();
});




// JavaScript Document


function ajax_showStatusMessage(status_number){

    switch(status_number){
        default:
        case -1001:
            switch(Number(global_js_params.lang)){
                default:
                    return '404 Error or Unstable Internet Connection';
                    break;
                case 2:
                    return '404 錯誤 或 網絡連接不穩定';
                    break;
                case 3:
                    return '404 错误 或 网络连接不稳定';
                    break;
            }
            break;
        // ----- END ----- upate org ----

    }
    return lang(status_number);
}

$(window).load(function(){
    $.noty.defaults = {
        layout: 'top',
        theme: 'defaultTheme', // or 'relax'
        type: 'alert',
        text: '', // can be html or string
        dismissQueue: true, // If you want to use queue feature set this true
        template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>',
        animation: {
            open: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceInLeft'
            close: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceOutLeft'
            easing: 'swing',
            speed: 500 // opening & closing animation speed
        },
        timeout: false, // delay for closing event. Set false for sticky notifications
        force: false, // adds notification to the beginning of queue when set to true
        modal: false,
        maxVisible: 5, // you can set max visible notification for dismissQueue true option,
        killer: false, // for close all notifications before show
        closeWith: ['click'], // ['click', 'button', 'hover', 'backdrop'] // backdrop click will close all notifications
        callback: {
            onShow: function() {},
            afterShow: function() {},
            onClose: function() {},
            afterClose: function() {},
            onCloseClick: function() {}
        },
        buttons: false // an array of buttons
    };
    $.noty.themes.bootstrapTheme = {
        name: 'bootstrapTheme',
        modal: {
            css: {
                position: 'fixed',
                width: '100%',
                height: '100%',
                backgroundColor: '#000',
                zIndex: 10000,
                opacity: 0.6,
                display: 'none',
                left: 0,
                top: 0
            }
        },
        style: function() {

            var containerSelector = this.options.layout.container.selector;
            //$(containerSelector).addClass('list-group');

            this.$closeButton.append('<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>');
            this.$closeButton.addClass('close');

            this.$bar.css('padding', '10px');

            switch (this.options.type) {
                case 'alert': case 'notification':

                    this.$bar.css('background', '#36AEEA');
                    this.$bar.css('color', '#fff');
                    this.$bar.find(".noty_text").addClass("f15");
                    //this.$bar.addClass( "list-group-item-info" );
                    break;
                case 'warning':

                    this.$bar.css('background', '#ff0000');
                    this.$bar.css('color', '#fff');
                    this.$bar.find(".noty_text").addClass("f15");
                    //this.$bar.addClass( "list-group-item-warning" );
                    break;
                case 'error':
                    //this.$bar.addClass( "list-group-item-danger" );
                    break;
                case 'information':
                    //this.$bar.addClass("list-group-item-info");
                    break;
                case 'success':
                    //this.$bar.addClass( "list-group-item-success" );
                    break;
            }

            this.$message.css({
                fontSize: '13px',
                lineHeight: '16px',
                textAlign: 'center',
                //padding: '8px 10px 9px',
                width: 'auto',
                position: 'relative'
            });
        },
        callback: {
            onShow: function() {  },
            onClose: function() {  }
        }
    };
    $.noty.layouts.top = {
        name     : 'top',
        options  : {},
        container: {
            object  : '<ul id="noty_top_layout_container" />',
            selector: 'ul#noty_top_layout_container',
            style   : function() {
                $(this).css({
                    top          : 0,
                    left         : '0%',
                    position     : 'fixed',
                    width        : '100%',
                    height       : 'auto',
                    margin       : 0,
                    padding      : 0,
                    listStyleType: 'none',
                    zIndex       : 9999999
                });
            }
        },
        parent   : {
            object  : '<li />',
            selector: 'li',
            css     : {}
        },
        css      : {
            display: 'none'
        },
        addClass : ''
    };
});

function showNotyWithText(str){
    noty({
        text: str,
        animation: {
            open: {height: 'toggle'}, // jQuery animate function property object
            close: {height: 'toggle'}, // jQuery animate function property object
            easing: 'swing', // easing
            speed: 100 // opening & closing animation speed
        },
        theme: 'bootstrapTheme',
        timeout : 2000
    });
}

function showErrorNotyWithText(str){
    noty({
        text: str,
        type: 'warning',
        animation: {
            open: {height: 'toggle'}, // jQuery animate function property object
            close: {height: 'toggle'}, // jQuery animate function property object
            easing: 'swing', // easing
            speed: 100 // opening & closing animation speed
        },
        theme: 'bootstrapTheme',
        timeout : 2000
    });
}



var cccResize = function(){
    if($(".footerMinHeight").length) {
        if($(".footerMinHeight").offset().top > $(window).height()){
            $(".footerMinHeight").hide();
        } else {
            $(".footerMinHeight").show();
            $(".footerMinHeight").height($(window).outerHeight() - $(".footerMinHeight").offset().top - $(".footerContainer").height() - 50);
        }
    }
};

$(window).load(cccResize);
$(window).bind("langLoaded",cccResize);
$(window).resize(cccResize);


function checkData(data){
    if(data.status == -9999){
        if(!$("html").hasClass("sessionError")){
            $("html").addClass("sessionError");
            BootstrapDialog.confirm(1, 'info', lang('Notice') , lang('Your session has expired. Please log-in again.'), true, {
                'callback': function(result){
                    if ( result ) {

                    } else {

                    }
                }
            }, [
            ], function(dialog) {

            },function(dialog) {
//
            },function(dialog) {
            },function(dialog) {
                location.reload();
            });

        }

    }
}


function init_page_cccms_v4(){

    if($('.cccmsv4_datatable').length){
        $('.cccmsv4_datatable').not(".datatable_loaded").each(function(){
            $('.cccmsv4_datatable').addClass("datatable_loaded");
            var thisTable = $(this);
            var dataTableSetting = $(this).data('datatable_settings');
            var dataTableKey = $(this).data('datatable_key');
            if(canDebug()) console.log(dataTableSetting);

            var initDelBtnCallback = function(){
                //console.log('initDelBtnCallback');
                $(thisTable).find('.delBtn').bind('click', function() {

                    var api = $(this).attr("data-api");
                    var uid = $(this).attr("data-ref-id");
                    var row = $(this).parent().closest('tr');

                    if($('#dialog').length){

                        var t = '';
                        var confirmBtnTxt = '';
                        var cancelBtnTxt = '';
                        var contentTxt = '';

                        switch(Number(global_js_params.lang)){
                            default:
                            case 1:
                                t = 'Delete Item';
                                confirmBtnTxt = 'Confirm';
                                cancelBtnTxt = 'Cancel';
                                contentTxt = 'Are you sure to remove for this item ?<br/>All removal processes are irreversible.';
                                break;
                            case 2:
                                t = '移除項目';
                                confirmBtnTxt = '確定';
                                cancelBtnTxt = '取消';
                                contentTxt = '您是否確定移除此項目 ?<br/>所有帳戶一經移除，一律不設取消。';
                                break;
                            case 3:
                                t = '移除项目';
                                confirmBtnTxt = '确定';
                                cancelBtnTxt = '取消';
                                contentTxt = '您是否确定移除此项目 ?<br/>所有帐户一经移除，一律不设取消。';
                                break;
                        }

                        $( "#dialog" ).html(contentTxt);
                        $( "#dialog" ).dialog({
                            resizable: false,
                            open: function(){
                                $('.ui-widget-overlay').hide().fadeIn();
                                $('.ui-widget-overlay').bind('click', function() {
                                    $('#dialog').dialog('close');
                                });
                            },
                            show: {
                                effect: "clip",
                                duration: 200
                            },
                            hide:  {
                                effect: "clip",
                                duration: 200
                            },
                            autoOpen: true,
                            draggable: false,
                            width: 'auto',
                            modal: true,
                            closeOnEscape: false,
                            title: t,
                            buttons: [
                                {
                                    text: confirmBtnTxt,
                                    click: function() {


                                        // -------- AJAX ------

                                        $.ajax({
                                            url: local_url+'lib/ajax/'+api+'/remove/?uid='+uid,
                                            headers: { 'X-Cccms-Key-Secret': $('#h').val() },
                                            data: $('form').serialize(),
                                            type:"POST",
                                            dataType:'json',

                                            beforeSend: function(msg){
                                                ajax_show_loading_mask(true);
                                            },

                                            complete: function(msg){
                                                setTimeout(function() {
                                                    ajax_show_loading_mask(false);
                                                    //$( this ).dialog( "close" );
                                                }, 500);
                                            },

                                            success: function(json_data){
                                                //alert(json_data.status);
                                                //return;

                                                setTimeout(function() {
                                                    $(thisTable).dataTable().fnDeleteRow(row);
                                                }, 500);
                                            },

                                            error:function(xhr, ajaxOptions, thrownError){
                                                //
                                            }

                                        });

                                        // -- END --- AJAX ----


                                        $( this ).dialog( "close" );
                                    }
                                },
                                {
                                    text: cancelBtnTxt,
                                    click: function() {

                                        $( this ).dialog( "close" );
                                    }
                                }
                            ]
                        });

                    } // if($('#dialog').length){

                }); // $('.delBtn').bind('click', function() {
            };

            if(dataTableSetting) if(
                'drawCallback' in dataTableSetting &&
                typeof dataTableSetting['drawCallback'] === "function"
            ){  // hv callback setup
               // console.log('init_page_cccms_v4 1');
                var orgCallback = dataTableSetting['drawCallback'];
                dataTableSetting['drawCallback'] = function(a){
                  //  console.log('master callback');
                    orgCallback(a);
                    initDelBtnCallback(a);
                };

            } else {

              //  console.log('init_page_cccms_v4 2');
                dataTableSetting['drawCallback'] = initDelBtnCallback; // no callback setup
            }

            if(!window.dataTableGS) window.dataTableGS = [];
            dataTableGS[dataTableKey] = $(thisTable).dataTable(dataTableSetting);




        });

    }


}

$(window).load(init_page_cccms_v4);
function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== 'undefined') { // Older IE.
        var wscript = new ActiveXObject('WScript.Shell');
        if (wscript !== null) {
            wscript.SendKeys('{F11}');
        }
    }
}

function getFormBuilderData(id) {
    return $('#textarea_' + id).val();
}

function setFormBuilderData(id, data) {
    return $('#textarea_' + id).val(data);
}

function cccFormExportMatrix(obj) {
    var data = {};
    $(obj).closest('.matrixItem').find('.cccInput').each(function () {
        data[$(this).attr('cccdata-ref-name')] = $(this).val();
    });

    BootstrapDialog.confirm(1, 'info', lang('Exported Field Data'), '<div style=\'padding:15px;word-break: break-all;\'>' + lang('Please Copy data.') + '<br><br><textarea style=\'width:100%;height:200px\'>' + cms.cccApp.Base64.encode(JSON.stringify(data)) + '</textarea></div>', true, true, {
        'callback': function (result) {
            if (result) {

            } else {

            }
        }
    }, [
        {
            label: lang('Close'),
            cssClass: 'btn-default',
            action: function (dialog) {
                typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                dialog.close();
            }
        }
    ], function (dialog) {

    }, function (dialog) {

    }, function (dialog) {
        if (canDebug()) console.log('onhide');

    }, function (dialog) {
        if (canDebug()) console.log('onhidden');
    });
}

function cccFormExportImportMatrix(obj) {
    var person = prompt('Please enter Field data');
    var data = JSON.parse(cms.cccApp.Base64.decode(person));

    $(obj).closest('.cccApp').trigger('cccApp', [function (thisApp) {
        $.each(data, function (k, v) {
            var thisObj = $(obj).closest('.matrixItem').find('[cccdata-ref-name=\'' + k + '\']');
            if (thisObj.length) {
                thisApp.objVal(thisObj, v);
            }

        });
    }]);
    $(obj).closest('.matrixItem').find('.cccInput').each(function () {
        data[$(this).attr('cccdata-ref-name')] = $(this).val();
    });
}

var cccFormRecaptchaLoaded = false;
var cccFormRecaptcha = function () {
    cccFormRecaptchaLoaded = true;
    $(document).trigger('cccFormRecaptchaLoaded');
};
var loadRecaptcha = function (thisApp) {
    $(thisApp.obj).find('.ccc-grecaptcha').not('.ccc-grecaptcha-init').each(function () {
        var $this = this;
        $($this).addClass('ccc-grecaptcha-init');
        var id = $($this).attr('id');
        id = id.split('_');
        id = id[1];
        if (id) {
            cms.grecaptcha[id] = function () {
                if ($($this).attr('sitekey')) {
                    var thisCaptcha = grecaptcha.render('grecaptcha_' + id, {
                        'sitekey': $($this).attr('sitekey'),
                        'callback': function (response) {
                            $('#' + id).val(response);
                            formChecking(thisApp, false, false, $('[cccdata-cccapp-id="' + id + '"]').find('#' + id));
                        }
                    });
                    $(document).unbind('cccApp_' + thisApp.appID + '_reset_grecaptcha.field_' + id).bind('cccApp_' + thisApp.appID + '_reset_grecaptcha.field_' + id, function () {
                        grecaptcha.reset(thisCaptcha);
                        $('#' + id).val('');
                    });
                    if ($($this).hasClass('ccc-grecaptcha-fullwidth')) {

                        var callback = function () {
                            var scale = 1;
                            if ($(window).width() < 768) {
                                var width = $('#grecaptcha_' + id).parent().width();
                                scale = width / 302;
                            }
                            $('#grecaptcha_' + id).css('transform', 'scale(' + scale + ')');
                            $('#grecaptcha_' + id).css('-webkit-transform', 'scale(' + scale + ')');
                            $('#grecaptcha_' + id).css('transform-origin', '0 0');
                            $('#grecaptcha_' + id).css('-webkit-transform-origin', '0 0');
                        };
                        callback();
                        $(window).resize(function () {
                            callback();
                        });
                    }

                } else {
                    $($this).html('<span style=\'color:red\'>Please setup sitekey for Google reCAPTCHA</span>');
                }
            };
            if (cccFormRecaptchaLoaded) {
                cms.grecaptcha[id]();
            } else {
                $(document).bind('cccFormRecaptchaLoaded', cms.grecaptcha[id]);
            }
        }
    });
};

function setBase64File(obj, fileURL, fileName) {
    $(obj).next('.base64UploadLabel')
        .css('background-image', 'url(' + fileURL + ')')
        .css('background-size', 'cover')
        .css('background-position', 'center')
        .addClass('upload-success')
        .find('.cccFormIcon').removeClass('hidden')
        .filter('.cccappicon-upload').addClass('hidden')
        .parent().find('.uploadLabelText').addClass('hidden').last().text((fileName ? fileName : lang('Selected'))).removeClass('hidden');
}

function getBase64(file) {
    cms.loadingDiv($(file).closest('.formItem'));
    var textarea = $(file).closest('.formItem').find('textarea.cccInput');
    var obj = $(file);
    file = file.files[0];
    var size = file.size;
    var base64Label = $(obj).closest('.formItem').find('.base64UploadLabel');
    var fileSize = base64Label.attr('cccdata-file-size');
    var bytesToSize = function (bytes) {
        var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
        if (bytes == 0) return '0 Byte';
        var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
        return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
    };
    var error = '';
    var regexData = '';
    var regex = '';
    if (base64Label.attr('cccdata-regex')) {
        regexData = base64Label.attr('cccdata-regex');
        if (!regexData) console.error('cccdata-ref-name not found.');
        if (regexData) regex = new RegExp('(\\.|\\/)(' + regexData.split(',').join('|') + ')$', 'i');
    }
    if (regex && !regex.test(file.name)) {
        error = lang('File type not allowed') + ' ( Type : ' + regexData + ' )';
    } else if (parseInt(size) > parseInt(fileSize)) {
        error = lang('File is too large') + ' ( Limit : ' + bytesToSize(fileSize) + ' )';
    }
    if (error) {
        BootstrapDialog.confirm(1, 'info', error, file.name, true, true, {
            'callback': function (result) {

                $(obj).parent().get(0).reset();
                cms.removeLoadingDiv($(textarea).closest('.formItem'));

                if (result) {
                } else {

                }
            }
        }, [
            {
                label: lang('Close'),
                cssClass: 'btn-default',
                action: function (dialog) {
                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                    dialog.close();
                }
            }
        ], function (dialog) {

        }, function (dialog) {

        }, function (dialog) {

        }, function (dialog) {

        }, false, true);
        return;
    }
    // console.log('size', size,);
    try {
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function () {
            cms.removeLoadingDiv($(textarea).closest('.formItem'));
            setBase64File(obj, reader.result, file.name);
            textarea.val(reader.result).triggerHandler('change');
        };
        reader.onerror = function (error) {
            $(obj).parent().get(0).reset();
            cms.removeLoadingDiv($(textarea).closest('.formItem'));
            cms.cccApp.error($(file).closest('.cccApp'), error);
        };
    } catch (e) {
        cms.removeLoadingDiv($(textarea).closest('.formItem'));
    }
}

var onchangeCaseCheck = function (obj, thisApp) {
    var onchangecallback = $(obj).closest('.formItem').attr('cccdata-onchange-callback');
    if (onchangecallback) {
        var fn = new Function('obj', 'thisApp', thisApp.Base64.decode(onchangecallback));
        fn(obj, thisApp);
    }
};

$(document).on('focusin', function (e) {
    if ($(e.target).closest('.mce-window').length) {
        e.stopImmediatePropagation();
    }
});

// Generated by CoffeeScript 1.8.0

/*
 jQuery Credit Card Validator 1.0

 Copyright 2012-2015 Pawel Decowski

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software
 is furnished to do so, subject to the following conditions:

 The above copyright notice and this permission notice shall be included
 in all copies or substantial portions of the Software.

 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
 OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
 THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 IN THE SOFTWARE.
 */

(function () {
    var $,
        __indexOf = [].indexOf || function (item) {
            for (var i = 0, l = this.length; i < l; i++) {
                if (i in this && this[i] === item) return i;
            }
            return -1;
        };

    $ = jQuery;

    $.fn.validateCreditCard = function (callback, options) {
        var bind, card, card_type, card_types, get_card_type, is_valid_length, is_valid_luhn, normalize, validate,
            validate_number, _i, _len, _ref;
        card_types = [
            {
                name: 'amex',
                pattern: /^3[47]/,
                valid_length: [15]
            }, {
                name: 'diners_club_carte_blanche',
                pattern: /^30[0-5]/,
                valid_length: [14]
            }, {
                name: 'diners_club_international',
                pattern: /^36/,
                valid_length: [14]
            }, {
                name: 'jcb',
                pattern: /^35(2[89]|[3-8][0-9])/,
                valid_length: [16]
            }, {
                name: 'laser',
                pattern: /^(6304|670[69]|6771)/,
                valid_length: [16, 17, 18, 19]
            }, {
                name: 'visa_electron',
                pattern: /^(4026|417500|4508|4844|491(3|7))/,
                valid_length: [16]
            }, {
                name: 'visa',
                pattern: /^4/,
                valid_length: [16]
            }, {
                name: 'mastercard',
                pattern: /^5[1-5]/,
                valid_length: [16]
            }, {
                name: 'maestro',
                pattern: /^(5018|5020|5038|6304|6759|676[1-3])/,
                valid_length: [12, 13, 14, 15, 16, 17, 18, 19]
            }, {
                name: 'discover',
                pattern: /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
                valid_length: [16]
            }
        ];
        bind = false;
        if (callback) {
            if (typeof callback === 'object') {
                options = callback;
                bind = false;
                callback = null;
            } else if (typeof callback === 'function') {
                bind = true;
            }
        }
        if (options == null) {
            options = {};
        }
        if (options.accept == null) {
            options.accept = (function () {
                var _i, _len, _results;
                _results = [];
                for (_i = 0, _len = card_types.length; _i < _len; _i++) {
                    card = card_types[_i];
                    _results.push(card.name);
                }
                return _results;
            })();
        }
        _ref = options.accept;
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
            card_type = _ref[_i];
            if (__indexOf.call((function () {
                var _j, _len1, _results;
                _results = [];
                for (_j = 0, _len1 = card_types.length; _j < _len1; _j++) {
                    card = card_types[_j];
                    _results.push(card.name);
                }
                return _results;
            })(), card_type) < 0) {
                throw 'Credit card type \'' + card_type + '\' is not supported';
            }
        }
        get_card_type = function (number) {
            var _j, _len1, _ref1;
            _ref1 = (function () {
                var _k, _len1, _ref1, _results;
                _results = [];
                for (_k = 0, _len1 = card_types.length; _k < _len1; _k++) {
                    card = card_types[_k];
                    if (_ref1 = card.name, __indexOf.call(options.accept, _ref1) >= 0) {
                        _results.push(card);
                    }
                }
                return _results;
            })();
            for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
                card_type = _ref1[_j];
                if (number.match(card_type.pattern)) {
                    return card_type;
                }
            }
            return null;
        };
        is_valid_luhn = function (number) {
            var digit, n, sum, _j, _len1, _ref1;
            sum = 0;
            _ref1 = number.split('').reverse();
            for (n = _j = 0, _len1 = _ref1.length; _j < _len1; n = ++_j) {
                digit = _ref1[n];
                digit = +digit;
                if (n % 2) {
                    digit *= 2;
                    if (digit < 10) {
                        sum += digit;
                    } else {
                        sum += digit - 9;
                    }
                } else {
                    sum += digit;
                }
            }
            return sum % 10 === 0;
        };
        is_valid_length = function (number, card_type) {
            var _ref1;
            return _ref1 = number.length, __indexOf.call(card_type.valid_length, _ref1) >= 0;
        };
        validate_number = (function (_this) {
            return function (number) {
                var length_valid, luhn_valid;
                card_type = get_card_type(number);
                luhn_valid = false;
                length_valid = false;
                if (card_type != null) {
                    luhn_valid = is_valid_luhn(number);
                    length_valid = is_valid_length(number, card_type);
                }
                return {
                    card_type: card_type,
                    valid: luhn_valid && length_valid,
                    luhn_valid: luhn_valid,
                    length_valid: length_valid
                };
            };
        })(this);
        validate = (function (_this) {
            return function () {
                var number;
                number = normalize($(_this).val());
                return validate_number(number);
            };
        })(this);
        normalize = function (number) {
            return number.replace(/[ -]/g, '');
        };
        if (!bind) {
            return validate();
        }
        this.on('input.jccv', (function (_this) {
            return function () {
                $(_this).off('keyup.jccv');
                return callback.call(_this, validate());
            };
        })(this));
        this.on('keyup.jccv', (function (_this) {
            return function () {
                return callback.call(_this, validate());
            };
        })(this));
        callback.call(this, validate());
        return this;
    };

}).call(this);

if (!$('html').hasClass('ie8')) {
    (function (c) {
        try {
            document.createEvent('TouchEvent');
            return;
        } catch (f) {
        }
        var d = {mousedown: 'touchstart', mouseup: 'touchend', mousemove: 'touchmove'};
        var a = function () {
            for (var e in d) {
                document.body.addEventListener(e, function (i) {
                    var h = b(d[i.type], i);
                    // i.target.dispatchEvent(h); racson stop for an error
                    var g = i.target['on' + d[i.type]];
                    if (typeof g === 'function') {
                        g(i);
                    }
                }, false);
            }
        };
        var b = function (g, i) {
            var h = document.createEvent('MouseEvents');
            h.initMouseEvent(g, i.bubbles, i.cancelable, i.view, i.detail, i.screenX, i.screenY, i.clientX, i.clientY, i.ctrlKey, i.altKey, i.shiftKey, i.metaKey, i.button, i.relatedTarget);
            return h;
        };
        if (document.readyState === 'complete' || document.readyState === 'loaded') {
            a();
        } else {
            c.addEventListener('load', a, false);
        }
    })(window);
}
;

/*
 * Backstretch
 * http://srobbin.com/jquery-plugins/backstretch/
 *
 * Copyright (c) 2013 Scott Robbin
 * Licensed under the MIT license.
 */
;(function ($, window, undefined) {
    'use strict';

    /* PLUGIN DEFINITION
     * ========================= */

    $.fn.resizeOrInitBackstretch = function (images, options) {
        return this.each(function () {
            var obj = $(this);
            if ($(obj).hasClass('backstretched')) {
                $(obj).trigger('backstretchResize');
            } else {
                if (images) {
//                    var callback = function () {
//                        if ($(obj).is(":in-viewport") && $(obj).is(":visible")) {
                    $(obj).backstretch(images, options);
                    $(obj).addClass('backstretched');
//                        } else {
//                            setTimeout(callback, 1000);
//                        }
//                    };
//                    callback();

                }
            }
        });
    };

    $.fn.backstretch = function (images, options) {
        // We need at least one image or method name
        if (images === undefined || images.length === 0) {
//            $.error("No images were supplied for Backstretch");
            return this;
        }

        /*
         * Scroll the page one pixel to get the right window height on iOS
         * Pretty harmless for everyone else
         */
        if ($(window).scrollTop() === 0) {
            window.scrollTo(0, 0);
        }

        return this.each(function () {
            var $this = $(this)
                , obj = $this.data('backstretch');

            // Do we already have an instance attached to this element?
            if (obj) {

                // Is this a method they're trying to execute?
                if (typeof images == 'string' && typeof obj[images] == 'function') {
                    // Call the method
                    obj[images](options);

                    // No need to do anything further
                    return;
                }

                // Merge the old options with the new
                options = $.extend(obj.options, options);

                // Remove the old instance
                obj.destroy(true);
            }

            obj = new Backstretch(this, images, options);
            $this.data('backstretch', obj);
        });
    };

    // If no element is supplied, we'll attach to body
    $.backstretch = function (images, options) {
        // Return the instance
        return $('body')
            .backstretch(images, options)
            .data('backstretch');
    };

    // Custom selector
    $.expr[':'].backstretch = function (elem) {
        return $(elem).data('backstretch') !== undefined;
    };

    /* DEFAULTS
     * ========================= */

    $.fn.backstretch.defaults = {
        centeredX: true   // Should we center the image on the X axis?
        , centeredY: true   // Should we center the image on the Y axis?
        , duration: 5000    // Amount of time in between slides (if slideshow)
        , fade: 0           // Speed of fade transition between slides
    };

    /* STYLES
     *
     * Baked-in styles that we'll apply to our elements.
     * In an effort to keep the plugin simple, these are not exposed as options.
     * That said, anyone can override these in their own stylesheet.
     * ========================= */
    var styles = {
        wrap: {
            left: 0
            , top: 0
            , overflow: 'hidden'
            , margin: 0
            , padding: 0
            , height: '100%'
            , width: '100%'
            , zIndex: -999999
        }
        , img: {
            position: 'absolute'
            , display: 'none'
            , margin: 0
            , padding: 0
            , border: 'none'
            , width: 'auto'
            , height: 'auto'
            , maxHeight: 'none'
            , maxWidth: 'none'
            , zIndex: -999999
        }
    };

    /* CLASS DEFINITION
     * ========================= */
    var Backstretch = function (container, images, options) {
        this.options = $.extend({}, $.fn.backstretch.defaults, options || {});

        /* In its simplest form, we allow Backstretch to be called on an image path.
         * e.g. $.backstretch('/path/to/image.jpg')
         * So, we need to turn this back into an array.
         */
        this.images = $.isArray(images) ? images : [images];

        // Preload images
        $.each(this.images, function () {
            $('<img />')[0].src = this;
        });

        // Convenience reference to know if the container is body.
        this.isBody = container === document.body;

        /* We're keeping track of a few different elements
         *
         * Container: the element that Backstretch was called on.
         * Wrap: a DIV that we place the image into, so we can hide the overflow.
         * Root: Convenience reference to help calculate the correct height.
         */
        this.$container = $(container);
        this.$root = this.isBody ? supportsFixedPosition ? $(window) : $(document) : this.$container;

        // Don't create a new wrap if one already exists (from a previous instance of Backstretch)
        var $existing = this.$container.children('.backstretch').first();
        this.$wrap = $existing.length ? $existing : $('<div class="backstretch"></div>').css(styles.wrap).appendTo(this.$container);

        // Non-body elements need some style adjustments
        if (!this.isBody) {
            // If the container is statically positioned, we need to make it relative,
            // and if no zIndex is defined, we should set it to zero.
            var position = this.$container.css('position')
                , zIndex = this.$container.css('zIndex');

            this.$container.css({
                position: position === 'static' ? 'relative' : position
                , zIndex: zIndex === 'auto' ? 0 : zIndex
                , background: 'none'
            });

            // Needs a higher z-index
            this.$wrap.css({zIndex: -999998});
        }

        // Fixed or absolute positioning?
        this.$wrap.css({
            position: this.isBody && supportsFixedPosition ? 'fixed' : 'absolute'
        });

        // Set the first image
        this.index = 0;
        this.show(this.index);
        this.id = cms.makeID();
        // Listen for resize
        var $this = this;
        $(container).bind('backstretchResize', function () {
            $this.resize();
        });
        $(window).bind('resize.backstretch-' + this.id, this.resize)
            .bind('orientationchange.backstretch-' + this.id, function () {
                // Need to do this in order to get the right window height
                if ($this.isBody && window.pageYOffset === 0) {
                    window.scrollTo(0, 1);
                    $this.resize();
                }
            });
    };

    /* PUBLIC METHODS
     * ========================= */
    Backstretch.prototype = {
        resize: function () {
            try {
                var bgCSS = {left: 0, top: 0}
                    , rootWidth = this.isBody ? this.$root.width() : this.$root.innerWidth()
                    , bgWidth = rootWidth
                    ,
                    rootHeight = this.isBody ? (window.innerHeight ? window.innerHeight : this.$root.height()) : this.$root.innerHeight()
                    , bgHeight = bgWidth / this.$img.data('ratio')
                    , bgOffset;

                // Make adjustments based on image ratio
                if (bgHeight >= rootHeight) {
                    bgOffset = (bgHeight - rootHeight) / 2;
                    if (this.options.centeredY) {
                        bgCSS.top = '-' + bgOffset + 'px';
                    }
                } else {
                    bgHeight = rootHeight;
                    bgWidth = bgHeight * this.$img.data('ratio');
                    bgOffset = (bgWidth - rootWidth) / 2;
                    if (this.options.centeredX) {
                        bgCSS.left = '-' + bgOffset + 'px';
                    }
                }

                this.$wrap.css({width: rootWidth, height: rootHeight})
                    .find('img:not(.deleteable)').css({width: bgWidth, height: bgHeight}).css(bgCSS);
            } catch (err) {
                // IE7 seems to trigger resize before the image is loaded.
                // This try/catch block is a hack to let it fail gracefully.
            }

            return this;
        }

        // Show the slide at a certain position
        , show: function (newIndex) {

            // Validate index
            if (Math.abs(newIndex) > this.images.length - 1) {
                return;
            }

            // Vars
            var self = this
                , oldImage = self.$wrap.find('img').addClass('deleteable')
                , evtOptions = {relatedTarget: self.$container[0]};

            // Trigger the "before" event
            self.$container.trigger($.Event('backstretch.before', evtOptions), [self, newIndex]);

            // Set the new index
            this.index = newIndex;

            // Pause the slideshow
            clearInterval(self.interval);

            // New image
            self.$img = $('<img />')
                .css(styles.img)
                .bind('load', function (e) {
                    var imgWidth = this.width || $(e.target).width()
                        , imgHeight = this.height || $(e.target).height();

                    // Save the ratio
                    $(this).data('ratio', imgWidth / imgHeight);

                    // Show the image, then delete the old one
                    // "speed" option has been deprecated, but we want backwards compatibilty
                    $(this).fadeIn(self.options.speed || self.options.fade, function () {
                        oldImage.remove();

                        // Resume the slideshow
                        if (!self.paused) {
                            self.cycle();
                        }

                        // Trigger the "after" and "show" events
                        // "show" is being deprecated
                        $(['after', 'show']).each(function () {
                            self.$container.trigger($.Event('backstretch.' + this, evtOptions), [self, newIndex]);
                        });
                    });

                    // Resize
                    self.resize();
                })
                .error(function () {
                    $(['error']).each(function () {
                        self.$container.trigger($.Event('backstretch.' + this, evtOptions), [self, newIndex]);
                    });
                })
                .appendTo(self.$wrap);

            // Hack for IE img onload event
            self.$img.attr('src', self.images[newIndex]);
            return self;
        }

        , next: function () {
            // Next slide
            return this.show(this.index < this.images.length - 1 ? this.index + 1 : 0);
        }

        , prev: function () {
            // Previous slide
            return this.show(this.index === 0 ? this.images.length - 1 : this.index - 1);
        }

        , pause: function () {
            // Pause the slideshow
            this.paused = true;
            return this;
        }

        , resume: function () {
            // Resume the slideshow
            this.paused = false;
            this.next();
            return this;
        }

        , cycle: function () {
            // Start/resume the slideshow
            if (this.images.length > 1) {
                // Clear the interval, just in case
                clearInterval(this.interval);

                this.interval = setInterval($.proxy(function () {
                    // Check for paused slideshow
                    if (!this.paused) {
                        this.next();
                    }
                }, this), this.options.duration);
            }
            return this;
        }

        , destroy: function (preserveBackground) {
            // Stop the resize events
            $(window).unbind('resize.backstretch-' + this.id);
            $(window).unbind('orientationchange.backstretch-' + this.id);

            // Clear the interval
            clearInterval(this.interval);

            // Remove Backstretch
            if (!preserveBackground) {
                this.$wrap.remove();
            }
            this.$container.removeData('backstretch');
        }
    };

    /* SUPPORTS FIXED POSITION?
     *
     * Based on code from jQuery Mobile 1.1.0
     * http://jquerymobile.com/
     *
     * In a nutshell, we need to figure out if fixed positioning is supported.
     * Unfortunately, this is very difficult to do on iOS, and usually involves
     * injecting content, scrolling the page, etc.. It's ugly.
     * jQuery Mobile uses this workaround. It's not ideal, but works.
     *
     * Modified to detect IE6
     * ========================= */

    var supportsFixedPosition = (function () {
        var ua = navigator.userAgent
            , platform = navigator.platform
            // Rendering engine is Webkit, and capture major version
            , wkmatch = ua.match(/AppleWebKit\/([0-9]+)/)
            , wkversion = !!wkmatch && wkmatch[1]
            , ffmatch = ua.match(/Fennec\/([0-9]+)/)
            , ffversion = !!ffmatch && ffmatch[1]
            , operammobilematch = ua.match(/Opera Mobi\/([0-9]+)/)
            , omversion = !!operammobilematch && operammobilematch[1]
            , iematch = ua.match(/MSIE ([0-9]+)/)
            , ieversion = !!iematch && iematch[1];

        return !(
            // iOS 4.3 and older : Platform is iPhone/Pad/Touch and Webkit version is less than 534 (ios5)
            ((platform.indexOf('iPhone') > -1 || platform.indexOf('iPad') > -1 || platform.indexOf('iPod') > -1) && wkversion && wkversion < 534) ||

            // Opera Mini
            (window.operamini && ({}).toString.call(window.operamini) === '[object OperaMini]') ||
            (operammobilematch && omversion < 7458) ||

            //Android lte 2.1: Platform is Android and Webkit version is less than 533 (Android 2.2)
            (ua.indexOf('Android') > -1 && wkversion && wkversion < 533) ||

            // Firefox Mobile before 6.0 -
            (ffversion && ffversion < 6) ||

            // WebOS less than 3
            ('palmGetResource' in window && wkversion && wkversion < 534) ||

            // MeeGo
            (ua.indexOf('MeeGo') > -1 && ua.indexOf('NokiaBrowser/8.5.0') > -1) ||

            // IE6
            (ieversion && ieversion <= 6)
        );
    }());

}(jQuery, window));

// Textarea and select clone() bug workaround | Spencer Tipping
// Licensed under the terms of the MIT source code license

// Motivation.
// jQuery's clone() method works in most cases, but it fails to copy the value of textareas and select elements. This patch replaces jQuery's clone() method with a wrapper that fills in the
// values after the fact.

// An interesting error case submitted by Piotr Przybyl: If two <select> options had the same value, the clone() method would select the wrong one in the cloned box. The fix, suggested by Piotr
// and implemented here, is to use the selectedIndex property on the <select> box itself rather than relying on jQuery's value-based val().

(function (original) {
    jQuery.fn.clone = function () {
        var result = original.apply(this, arguments),
            my_textareas = this.find('textarea').add(this.filter('textarea')),
            result_textareas = result.find('textarea').add(result.filter('textarea')),
            my_selects = this.find('select').add(this.filter('select')),
            result_selects = result.find('select').add(result.filter('select'));

        for (var i = 0, l = my_textareas.length; i < l; ++i) $(result_textareas[i]).val($(my_textareas[i]).val());
        for (var i = 0, l = my_selects.length; i < l; ++i) {
            for (var j = 0, m = my_selects[i].options.length; j < m; ++j) {
                if (my_selects[i].options[j].selected === true) {
                    result_selects[i].options[j].selected = true;
                }
            }
        }
        return result;
    };
})(jQuery.fn.clone);

// Generated by SDoc

/**
 * jQuery serializeObject
 * @copyright 2014, macek <paulmacek@gmail.com>
 * @link https://github.com/macek/jquery-serialize-object
 * @license BSD
 * @version 2.5.0
 */
(function (root, factory) {

    // AMD
    if (typeof define === 'function' && define.amd) {
        define(['exports', 'jquery'], function (exports, $) {
            return factory(exports, $);
        });
    }

    // CommonJS
    else if (typeof exports !== 'undefined') {
        var $ = require('jquery');
        factory(exports, $);
    }

    // Browser
    else {
        factory(root, (root.jQuery || root.Zepto || root.ender || root.$));
    }

}(this, function (exports, $) {

    var patterns = {
        validate: /^[a-z_][a-z0-9_]*(?:\[(?:\d*|[a-z0-9_]+)\])*$/i,
        key: /[a-z0-9_]+|(?=\[\])/gi,
        push: /^$/,
        fixed: /^\d+$/,
        named: /^[a-z0-9_]+$/i
    };

    function FormSerializer(helper, $form) {

        // private variables
        var data = {},
            pushes = {};

        // private API
        function build(base, key, value) {
            base[key] = value;
            return base;
        }

        function makeObject(root, value) {

            var keys = root.match(patterns.key), k;

            // nest, nest, ..., nest
            while ((k = keys.pop()) !== undefined) {
                // foo[]
                if (patterns.push.test(k)) {
                    var idx = incrementPush(root.replace(/\[\]$/, ''));
                    value = build([], idx, value);
                }

                // foo[n]
                else if (patterns.fixed.test(k)) {
                    value = build([], k, value);
                }

                // foo; foo[bar]
                else if (patterns.named.test(k)) {
                    value = build({}, k, value);
                }
            }

            return value;
        }

        function incrementPush(key) {
            if (pushes[key] === undefined) {
                pushes[key] = 0;
            }
            return pushes[key]++;
        }

        function encode(pair) {
            switch ($('[name="' + pair.name + '"]', $form).attr('type')) {
                case 'checkbox':
                    return pair.value === 'on' ? true : pair.value;
                default:
                    return pair.value;
            }
        }

        function addPair(pair) {
            if (!patterns.validate.test(pair.name)) return this;
            var obj = makeObject(pair.name, encode(pair));
            data = helper.extend(true, data, obj);
            return this;
        }

        function addPairs(pairs) {
            if (!helper.isArray(pairs)) {
                throw new Error('formSerializer.addPairs expects an Array');
            }
            for (var i = 0, len = pairs.length; i < len; i++) {
                this.addPair(pairs[i]);
            }
            return this;
        }

        function serialize() {
            return data;
        }

        function serializeJSON() {
            return JSON.stringify(serialize());
        }

        // public API
        this.addPair = addPair;
        this.addPairs = addPairs;
        this.serialize = serialize;
        this.serializeJSON = serializeJSON;
    }

    FormSerializer.patterns = patterns;

    FormSerializer.serializeObject = function serializeObject() {
        return new FormSerializer($, this).addPairs(this.serializeArray()).serialize();
    };

    FormSerializer.serializeJSON = function serializeJSON() {
        return new FormSerializer($, this).addPairs(this.serializeArray()).serializeJSON();
    };

    if (typeof $.fn !== 'undefined') {
        $.fn.serializeObject = FormSerializer.serializeObject;
        $.fn.serializeJSON = FormSerializer.serializeJSON;
    }

    exports.FormSerializer = FormSerializer;

    return FormSerializer;
}));

var scheduleCheckerList = [];
var qidCheckerList = {};

function destoryChecker() {
    scheduleCheckerList = [];
    qidCheckerList = {};
};

function cccOpenClipboard(obj) {
    var thisApp;
    $(obj).closest('.cccApp').trigger('cccApp', [function (app) {
        thisApp = app;
    }]);
    if (thisApp.openClipboard) thisApp.openClipboard(obj);

};

var wysiwygPending = [];
var wysiwygPendingTimer = false;

var cccCodeCallback = function ($this, mode) {

    $this = $($this);
    var textArea = $('<textarea></textarea>').attr('id', 'textarea_' + cms.makeID()).val($($this).val());
    textArea.insertBefore($this);
    if ($($this).hasClass('cccCodeInit') || $($this).hasClass('cccCodeed') || !$($this).is(':visible')) return false;
    if ($($this).closest('.formItem').hasClass('hidden') || $($this).closest('.coreTpl').length) return false;
    $($this).addClass('cccCodeInit cccCodeed');
    try {
        var editor = ace.edit($(textArea).attr('id'));
        editor.setTheme('ace/theme/chrome');
        editor.session.setMode('ace/mode/' + mode);
        editor.setOptions({
            autoScrollEditorIntoView: true,
            copyWithEmptySelection: true
        });
        $($this).parent().find('.ace_editor').css('height', '100%');
        editor.resize();
        var thisTimer = false;
        var updateText = function (e) {
            if (!$($this).hasClass('cccCodeed')) $($this).addClass('cccCodeed');
            if (thisTimer) clearTimeout(thisTimer);
            thisTimer = setTimeout(function () {
                $($this).val(editor.getValue()).trigger('change');
            }, 50);
        };
        // editor.setOptions({
        //     maxLines: Infinity
        // });
        editor.on('blur', updateText);
        editor.on('change', updateText);
        // editor.on('beforeChange',function(cm,change) {
        // 	if ( ~readOnlyLines.indexOf(change.from.line) ) {
        // 		change.cancel();
        // 	}
        // });
        var heightUpdateFunction = function () {
            // http://stackoverflow.com/questions/11584061/
            var newHeight =
                editor.getSession().getScreenLength() * editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth();
            // $($this).height(newHeight.toString() + "px");
            // $('#editor-section').height(newHeight.toString() + "px");
            // This call is required for the editor to fix all of
            // its inner structure for adapting to a change in size
            editor.resize();
        };
        // Set initial size to match initial content
        heightUpdateFunction();

        editor.getSession().on('change', heightUpdateFunction);
    } catch (e) {
    }

};
var wysiwygCallback = function ($this) {
    var thisApp;
    var thisObj = $this;
    $(thisObj).closest('.cccApp').trigger('cccApp', [function (app) {
        thisApp = app;
    }]);

    $this = $($this);
    if ($($this).hasClass('wysiwygInit') || $($this).hasClass('wysiwyged') || !$($this).is(':visible')) return false;
    if ($($this).closest('.formItem').hasClass('hidden') || $($this).closest('.coreTpl').length) return false;
    $($this).attr('id', 'textarea_' + cms.makeID());
    var mediaLibrary = (thisApp.settings && thisApp.settings.custom_cccdata_media_library) ? thisApp.settings.custom_cccdata_media_library : $($this).attr('cccdata-media-library');
    var customCss = $($this).attr('cccdata-customcss');
    if (customCss) {
        customCss = customCss.split('|');
    } else {
        customCss = [];
    }
    var toolbar1 = $($this).attr('cccdata-toolbar1');
    var toolbar2 = $($this).attr('cccdata-toolbar2');
    $($this).addClass('wysiwygInit');
    var thisOption = {
        selector: '#' + $($this).attr('id'),
        resize: true,
        width: '100%',
        //height: 200,
//                autoresize_bottom_margin: 50,
//                autoresize_max_height: 500,
        plugins: [
            'advlist autolink autosave link image lists charmap preview hr anchor pagebreak code lineheight',
            'searchreplace visualblocks visualchars code insertdatetime media nonbreaking',
            'table contextmenu directionality emoticons template textcolor paste textcolor colorpicker textpattern ' + (mediaLibrary ? 'responsivefilemanager' : '')
        ],

        toolbar1: (toolbar1 !== 'false' ? toolbar1 : 'newdocument | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect | hr removeformat | subscript superscript | code'),
        toolbar2: (toolbar2 !== 'false' ? toolbar2 : 'cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image ' + (mediaLibrary ? 'responsivefilemanager' : '') + ' media | insertdatetime preview | forecolor backcolor | table | restoredraft | visualblocks'),
        toolbar3: '',
        relative_urls: false,
        invalid_elements: 'script,link',
        convert_urls: false,
        lineheight_formats: '10px 12px 13px 14px 16px 18px 19px 20px 22px 24px 26px 28px 30px 32px 34px',
        fontsize_formats: '10px 12px 13px 14px 16px 18px 19px 20px 22px 24px 26px 28px 30px 32px 34px',
        remove_script_host: false,
        menubar: false,
        forced_root_block: 'div',
        content_css: customCss,

        setup: function (ed) {

            var thisTimer = false;
            var updateText = function (e) {
//                    console.log($this,'updateText');
                if (thisTimer) clearTimeout(thisTimer);
                thisTimer = setTimeout(function () {
                    var html = ed.getContent();
                    $($this).val(html).trigger('change');
//                        console.log($($this).attr('name'),html);
                }, 50);
            };

            ed.on('NodeChange', updateText);
            ed.on('change', updateText);
            ed.on('keyup', updateText);
            ed.on('init', function (e) {
//                    console.log('tinymce init');
                $($this).addClass('wysiwyged');

                //
                //if($('.mce-tinymce').length){
                //    $('.mce-tinymce').css("border", "1px solid #CCCCCC");
                //}
                //
                //
                //var node = ed.selection.getNode();
                //tinyMCE.DOM.setStyle(node, 'color', '#999');
                //
                //
                //var text = '';
                //text = ed.getContent();
                //text = text.replace(/\n/gi, "");
                //
                //if( $(text).text() != "Input Your Description in English" && $(text).text() != "Input Your Description in Chinese" ){
                //    tinyMCE.DOM.setStyle(node, 'color', '#333');
                //}

            });

            ed.on('click', function (e) {

                //tinymce_ed_onClick(ed);

                //alert($(text).text());
                //alert(ed.id);
            });

            ed.on('focusout', function (e) {

                //tinymce_ed_onFocusOut(ed);

            });

        }

    };
    if (mediaLibrary) {
        thisOption['image_advtab'] = true;
        thisOption['filemanager_access_key'] = mediaLibrary;
        thisOption['external_filemanager_path'] = ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'lib/php/filemanager/';
        thisOption['filemanager_title'] = 'CCCMS Filemanager';
        thisOption['external_plugins'] = {
            'filemanager': cccframework_path + 'lib/js/tinymce/plugins/responsivefilemanager/plugin.min.js'
        };
        if (thisApp.settings && thisApp.settings.filemanager_crossdomain) {
            thisOption['filemanager_crossdomain'] = true;
        }
    }
    tinymce.init(thisOption);

};
var checkPendingWysiwyg = function () {
    if (wysiwygPendingTimer) clearTimeout(wysiwygPendingTimer);
    if (wysiwygPending.length > 0) {
        wysiwygPendingTimer = setTimeout(function () {
            var newList = [];
            $(wysiwygPending).each(function (k, v) {
                if ($(this).length) {
                    if ($(this).is(':in-viewport')) {
                        wysiwygCallback(this);
                        if ($(this).hasClass('wysiwygInit') || $(this).hasClass('wysiwyged')) {
                            delete wysiwygPending[k];
                        }
                    }
                } else {
                    delete wysiwygPending[k];
                }
            });
            wysiwygPending = wysiwygPending.filter(function (v) {
                return v != undefined;
            });
            checkPendingWysiwyg();
        }, 500);
    }
};

function getRandomArbitrary(min, max) {
    return Math.random() * (max - min) + min;
}

var autoTranslateCCCField = function (thisField) {
    var thisApp;
    $(thisField).closest('.cccApp').trigger('cccApp', [function (app) {
        thisApp = app;
    }]);

    var $this = $(thisField).closest('.formItem').find('*[cccdata-autotranslate-field]');
    let obj = false;
    let setting;
    if ($this.attr('cccdata-autotranslate-setting')) {
        setting = JSON.parse(cms.cccApp.Base64.decode($this.attr('cccdata-autotranslate-setting')));
        obj = $(thisField).closest('.formItem').parent().find('[cccdata-field-id="' + $this.attr('cccdata-autotranslate-field') + '"]').find('.cccInput');
    }
    if (obj && obj.length && $(obj).val()) {
        var i = 0;
        var timer = setInterval(function () {
            i = ++i % 4;
            $this.val('Auto Translating ' + Array(i + 1).join('.'));
        }, 100);

        $.ajax({
            type: 'POST',
            headers: thisApp.headers({
                'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
            }),
            data: {
                'text': $(obj).val(),
                'fm_lang': setting.auto_translate_fm_lang,
                'to_lang': setting.auto_translate_to_lang,
                'method': setting.auto_translate_method
            },
            dataType: 'json',
            url: cccframework_path + 'cccForm/translate/',
            success: function (data) {
                clearInterval(timer);
                if ($this.hasClass('wysiwyged')) {
                    tinyMCE.get($this.attr('id')).setContent(data.text);
                }
                $this.val(data.text);

            },
            error: function () {
                clearInterval(timer);
                $this.val(lang('Auto Translating Error'));
            }
        });

    } else {
        $this.val('Auto Translate Error : Source content is empty');
    }

};
var checkSelect = function (thisApp) {
    setTimeout(function () {
        var group = $(thisApp);
        var notSelectinit = group.find('.selectpicker').not('.coreTpl').not('.selectinit');
        var objs = group.filter(':visible').find('.selectpicker').not('.coreTpl').not('.selectinit').filter(':in-viewport');
        if (objs.length) {
            if (cms.cccApp.isMobile()) {
                objs.selectpicker('mobile');
            } else {
                objs.selectpicker();
            }
            objs.addClass('selectinit');
            group.find('.selectpicker.selectinit').selectpicker('refresh');
        } else if (notSelectinit.length) {
            checkSelect(selectGroup);
        }
    }, getRandomArbitrary(500, 1000));
};

var formSelect = function (thisApp) {
    $('.isListener').not('.linked').each(function () {
        if (!$(this).closest('.coreTpl').length) {

            var $this = this;
            $($this).addClass('linked');
            var targetField = $(this).attr('cccdata-link-to-field');
            var targetFormItem = $(this).closest('.cccApp').find('.formItem_' + targetField).find('.cccInput');
            if (targetFormItem.length) {
                var thisCallback = function () {
                    var v = $(targetFormItem).val();
                    selectObjVal($this, v, true);
                };
                $(targetFormItem).bind('cccInputChange.cccListener', thisCallback);
                thisCallback();
            }
        }
    });

    loadRecaptcha(thisApp);
    bindCCCFormIframe(thisApp);
    waitForFinalEvent(function () {

        $(thisApp.obj).find('[cccdata-subtext]').each(function () {
            $(this).data('subtext', $(this).attr('cccdata-subtext'));
        });

        $(thisApp.obj).find('.isDatetime').not('.dated').each(function () {
            if ($(this).closest('.coreTpl').length) return;
            $(this).addClass('dated');
            var options = $(this).siblings('textarea.dateTimeSettings').text();
            if (options) {
                options = $.parseJSON($.trim(options));
            } else {
                options = {};
            }
            if ($(this).val()) options['date'] = $(this).val();
            $(this).datetimepicker($.extend({
                format: 'YYYY-MM-DD HH:mm:ss'
            }, options));
            //$( this ).datepicker( "option", "dateFormat", "Y-m-d H:i:s" );
        });

        $(thisApp.obj).find('.isColor').not('.colored').each(function () {
            if ($(this).closest('.coreTpl').length) return;
            $(this).addClass('colored');

            var options = $(this).siblings('textarea.colorSettings').text();
            if (options) {
                options = $.parseJSON($.trim(options));
            } else {
                options = {};
            }
            $(this).colorpicker($.extend(options, {}));
            //$( this ).datepicker( "option", "dateFormat", "Y-m-d H:i:s" );
        });

        $(thisApp.obj).find('.isMapPicker').not('.mapPickered').filter(':visible').each(function () {
            if ($(this).closest('.coreTpl').length) return;
            $(this).addClass('mapPickered');
            var $this = $(this);
            var options = $(this).siblings('textarea.mapOptions').text();
            if (options) {
                options = $.parseJSON($.trim(options));
            } else {
                options = {};
            }
            var map = $(this).parent().find('.cccMapplic');
            var init = false;
            map.bind('positionchanged mapready', function () {
                if (!init) {
                    var getMapplicOptions = $this.parent().find('.mapplic-map-image').find('[display=\'none\']');
                    if (getMapplicOptions.length) {
                        init = true;
                        $.each(getMapplicOptions, function (k, v) {
                            var div = $('<div class=\'mapOption\' style=\'cursor:pointer;display: inline;float:left;padding:5px;margin:2px;border: 1px dotted #ccc;border-radius: 5px\'>' + ($(v).attr('id') ? $(v).attr('id').replace('_x26_', ' & ') : $(v).attr('id')) + '</div>');
                            if ($(v).attr('id') == $this.val()) {
                                $(v).attr('display', 'block').attr('clicked', 'true');
                            }
                            div.click(function () {
                                $this.val($(v).attr('id'));
                                $(getMapplicOptions).attr('display', 'none');
                                $(getMapplicOptions).removeAttr('clicked');
                                $(v).attr('display', 'block').attr('clicked', 'true');
                            });
                            div.hover(function () {
                                $(getMapplicOptions).attr('display', 'none');
                                $(v).attr('display', 'block');
                            }, function () {
                                $(getMapplicOptions).attr('display', 'none');
                                $(getMapplicOptions).filter('[clicked="true"]').attr('display', 'block');
                            });
                            $this.parent().find('.cccMapplicControl').append(div);
                        });
                    }
                    if (options.case) {

                        var getMapplicOptions = $this.parent().find('.mapplic-map-image').find(options.case);
                        if (getMapplicOptions.length) {
                            init = true;
                            $.each(getMapplicOptions, function (k, v) {
                                var div = $('<div class=\'mapOption\' style=\'cursor:pointer;display: inline;float:left;padding:5px;margin:2px;border: 1px dotted #ccc;border-radius: 5px\'>' + ($(v).attr('id') ? $(v).attr('id').replace('_x26_', ' & ') : $(v).attr('id')) + '</div>');
                                if ($(v).attr('id') == $this.val()) {
                                    $(v).attr('display', 'block').attr('clicked', 'true');
                                }
                                div.click(function () {
                                    $this.val($(v).attr('id'));
//                                    $(getMapplicOptions).attr('display', 'none');
                                    $(getMapplicOptions).removeAttr('clicked');
                                    $(getMapplicOptions).attr('fill', options.fillColor);
                                    $(v).attr('fill', '#0078e5').attr('clicked', 'true');
                                    $(v).attr('style', 'fill:#FF0000!important');
                                    $(v).children().attr('style', 'fill:#FF0000!important');
                                });
                                div.hover(function () {
//                                    $(getMapplicOptions).attr('display', 'none');
                                    $(v).attr('fill', '#0078e5');
                                    $(v).attr('style', 'fill:#FF0000!important');
                                    $(v).children().attr('style', 'fill:#FF0000!important');
                                }, function () {
                                    $(v).attr('fill', options.fillColor);
                                    $(v).removeAttr('style');
                                    $(v).children().removeAttr('style');
//                                    $(getMapplicOptions).attr('display', 'none');
                                    $(getMapplicOptions).filter('[clicked="true"]').attr('fill', '#0078e5');
                                });
                                $this.parent().find('.cccMapplicControl').append(div);
                            });
                        }

                        $this.parent().find('.cccMapplicControl').append($('<div class=\'clearfix\'></div>'));
                    }
                }
            });
            map.mapplic($.extend(options, {}));

            //$( this ).datepicker( "option", "dateFormat", "Y-m-d H:i:s" );
        });

        $(thisApp.obj).find('.isDate').not('.dated').each(function () {
            if ($(this).closest('.coreTpl').length) return;
            $(this).addClass('dated');
            var options = $(this).siblings('textarea.dateTimeSettings').text();
            if (options) {
                options = $.parseJSON($.trim(options));
            } else {
                options = {};
            }
            if ($(this).val()) options['date'] = moment($(this).val(), 'YYYY-MM-DD');
            $(this).datetimepicker($.extend({
                format: 'YYYY-MM-DD'
            }, options));
            //$( this ).datepicker( "option", "dateFormat", "Y-m-d" );
        });
        $(thisApp.obj).find('.isTime').not('.dated').each(function () {
            if ($(this).closest('.coreTpl').length) return;
            $(this).addClass('dated');
            var options = $(this).siblings('textarea.dateTimeSettings').text();
            if (options) {
                options = $.parseJSON($.trim(options));
            } else {
                options = {};
            }
            if ($(this).val()) options['date'] = moment($(this).val(), 'HH:mm:ss');
            $(this).datetimepicker($.extend({
                format: 'HH:mm:ss'
            }, options));
            //$( this ).datepicker( "option", "dateFormat", "Y-m-d" );
        });
        $(thisApp.obj).find('.base64upload').each(function () {
            if ($(this).val()) setBase64File($(this).prev().find('input'), $(this).val());
        });

        $(thisApp.obj).find('.wysiwyg').not('.wysiwyged').not('.wysiwygInit').each(function () {
            //wysiwygPending.push(this);
            //wysiwygCallback(this);
        });

        //setTimeout(checkPendingWysiwyg, 500);
        //checkSelect($(thisApp.obj));

        if (cms.cccApp.isMobile()) {
            $('.selectGroup').find('.selectpicker').not('.coreTpl').not('.selectinit').selectpicker('mobile');
        } else {
            $('.selectGroup').find('.selectpicker').not('.coreTpl').not('.selectinit').selectpicker();
        }
        $('.selectGroup').find('.selectpicker').not('.coreTpl').not('.selectinit').addClass('selectinit');
        $('.selectGroup').find('.selectpicker.selectinit').selectpicker('refresh');

        $(document).unbind('changeLang').bind('changeLang', function () {
            $('.selectGroup').find('.selectpicker.selectinit').selectpicker('refresh');
        });
        $(thisApp.obj).find('.toggleBeautiful').not('.coreTpl').not('.toggleinit').each(function () {
            var $this = $(this);
            $($this).switchy();
            var selectGroup = $($this).closest('.selectGroup');

            $($this).off('change.switchy').on('change.switchy', function () {
                var $this = $(this);
                setTimeout(function () {
                    var bgColor = '#ccc';
                    if ($($this).val() == 'On') {
                        bgColor = '#8895b4';
                        if ($this.attr('cccdata-on-color')) bgColor = $this.attr('cccdata-on-color');
                        var onTextColor = bgColor;
                        if ($this.attr('cccdata-on-text-color')) onTextColor = $this.attr('cccdata-on-text-color');

                        $(selectGroup).find('.onLabel').css('color', onTextColor).show();
                        $(selectGroup).find('.offLabel').hide();
                    } else if ($($this).val() == 'Off') {

                        bgColor = '#bbb';

                        if ($this.attr('cccdata-off-color')) bgColor = $this.attr('cccdata-off-color');
                        var offTextColor = bgColor;
                        if ($this.attr('cccdata-off-text-color')) offTextColor = $this.attr('cccdata-off-text-color');

                        $(selectGroup).find('.offLabel').css('color', offTextColor).show();
                        $(selectGroup).find('.onLabel').hide();
                        $(selectGroup).find('.offLabel').show();
                    }
                    $($this).parent().find('.switchy-container').removeClass('toggle-On toggle-Off').addClass('toggle-' + $($this).val());
                    $($this).parent().find('.switchy-bar').stop(true).animate({
                        backgroundColor: bgColor
                    });
                }, 1);
            });

            $($this).triggerHandler('change.switchy');

            //var groupID = $($this).attr('cccdata-radio-group');
            //var $thisInput = $($this).closest(".radioGroup").find('*[cccdata-radio-input="'+groupID+'"]');
            //
            //$($this).addClass("toggleinit");
            //$($this).closest(".onoffswitch").addClass(( $thisInput.val() == "" ? "center" : '')).unbind("click").bind("click",function(){
            //    $($this).prop('checked',!$($this).is(":checked"));
            //    if($($this).is(":checked")) $($this).closest(".onoffswitch").removeClass("center").addClass("active");
            //    else $($this).closest(".onoffswitch").removeClass("active center");
            //    var $targetRadio = $($this).closest(".radioGroup").find('*[cccdata-ref-group="'+groupID+'"]');
            //    $targetRadio.prop('checked',false);
            //    if($($this).is(":checked")){
            //        $targetRadio.filter("[value='On']").prop('checked',true);
            //    } else {
            //        $targetRadio.filter("[value='Off']").prop('checked',true);
            //    }
            //    onChangeInsertValue($targetRadio.filter(":checked"),'radio',true,true);
            //});
            //$($this).bootstrapSwitch({
            //    indeterminate : ( $thisInput.val() == "" ? true : false),
            //    onInit : function(){
            //        $($this).unbind("switchChange.bootstrapSwitch").bind("switchChange.bootstrapSwitch",function(event, state) {
            //            var $targetRadio = $($this).closest(".radioGroup").find('*[cccdata-ref-group="'+groupID+'"]');
            //            $targetRadio.prop('checked',false);
            //            if(state){
            //                $targetRadio.filter("[value='On']").prop('checked',true);
            //            } else {
            //                $targetRadio.filter("[value='Off']").prop('checked',true);
            //            }
            //            onChangeInsertValue($targetRadio.filter(":checked"),'radio',true,true);
            //        });
            //    }
            //});

            if ($this.closest('.cccApp').hasClass('isPreviewAppInit')) {
                $(thisApp.obj).find('.fileUploadOverlay,[type=file],[type=radio],.bootstrap-select,.matrixBtn,.toggleLabel,.switchy-container').remove();
                return false;
            }
        });

        $(thisApp.obj).find('.tooltipster').not('.tooltipstered').each(function () {
            var theme = $(this).attr('cccdata-theme');
            if (canDebug()) console.log('theme', theme);
            $(this).tooltipster({
                speed: 200,
                contentAsHTML: true,
                animation: 'grow',
                position: 'top',
                theme: (theme ? theme : 'tooltipster-shadow'),
                content: $(this).attr('cccdata-title')
            });

            $(this).addClass('.tooltipstered');
        });

        if ('refHeight' in window) {
            refHeight();
        }
        var resizerCallback = function (obj) {
            $(obj).closest('.cccApp').trigger('cccApp', [function (thisApp) {
                var widthRatio =
                    (
                        thisApp.settings && 'imageHolderWidthRatio' in thisApp.settings ?
                            thisApp.settings['imageHolderWidthRatio'] : 0
                    );
                var heightRatio =
                    (
                        thisApp.settings && 'imageHolderHeightRatio' in thisApp.settings ?
                            thisApp.settings['imageHolderHeightRatio'] : 0
                    );

                if (widthRatio !== false && heightRatio !== false) {
                    var newHeight = $(obj).width() / widthRatio * heightRatio;
                    $(obj).height(newHeight);
                }
            }]);
        };
        $(thisApp.obj).find('.tempImageHolder .uploadLabel').not('.initResizer').each(function () {
            var $this = this;
            $($this).addClass('initResizer');
            resizerCallback($this);
            var id = cms.makeID();
            $(window).on('resize.cccAppResizer_' + thisApp.appID, function () {
                waitForFinalEvent(function () {
                    resizerCallback($this);
                }, 200, 'cccAppResizer-' + id);
            });
        });
    }, (!thisApp ? 50 : (thisApp.disableBinding ? 1000 : 50)), 'formSelect-' + thisApp.uniqueId);
};

function CCC_get_utf8_word_count_CHINESE_ONLY(str) {
    var $UTF8_CHINESE_PATTERN = /[\u4e00-\u9fff\uf900-\ufaff]/g;
    var $UTF8_SYMBOL_PATTERN = /[\uff00-\uffef\u2000-\u206F]/g;
    str = str.replace($UTF8_SYMBOL_PATTERN, '');
    if (str) {
        var matches = str.match($UTF8_CHINESE_PATTERN);
        if (matches) return (matches).length;
    }
    return 0;
}

function CCC_get_utf8_word_count(str) {
    var $UTF8_CHINESE_PATTERN = /[\u4e00-\u9fff\uf900-\ufaff]/g;
    var $UTF8_SYMBOL_PATTERN = /[\uff00-\uffef\u2000-\u206F]/g;

    str = str.replace($UTF8_SYMBOL_PATTERN, '');
    var nonChinese = str.replace($UTF8_CHINESE_PATTERN, '');
    var matches;
    if (nonChinese) {
        matches = nonChinese.split(' ');
    }

    return CCC_get_utf8_word_count_CHINESE_ONLY(str) + (matches ? matches.length : 0);
}

function countCharacters(obj, thisApp, textarea, check, disableAbort) {

    if (check && $(obj).attr('cccdata-characterscount')) {

        if (thisApp.wordCountTimer && !disableAbort) clearTimeout(thisApp.wordCountTimer);
        thisApp.wordCountTimer = setTimeout(function () {
            $(obj).data('characterscount', $(obj).val().length);
            formChecking(thisApp, false, false, obj);
        }, 100);

    } else {
        if (canDebug()) console.log('checking');
    }
    return ($(obj).data('characterscount') ? $(obj).data('characterscount') : 0);
}

function countWords(obj, thisApp, textarea, check, disableAbort) {

    if (check && $(obj).attr('cccdata-wordcount')) {

        if (thisApp.wordCount && !disableAbort) thisApp.wordCount.abort();
        if (thisApp.wordCountTimer && !disableAbort) clearTimeout(thisApp.wordCountTimer);
        thisApp.wordCountTimer = setTimeout(function () {
            thisApp.wordCount = $.ajax({
                type: 'POST',
                headers: thisApp.headers({
                    'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                }),
                data: {
                    str: $(obj).val(),
                    h: $(thisApp.obj).find('#h').val()
                },
                dataType: 'json',
                url: cccframework_path + 'cccForm/wordcount/',
                success: function (d) {
                    if (canDebug()) console.log(textarea);
                    if (textarea) textarea.text(d['word']);
                    $(obj).data('wordcount', d['word']);
                    formChecking(thisApp, false, false, obj);
                }
            });

        }, 100);

    } else {
        if (canDebug()) console.log('checking');
    }

    return ($(obj).data('wordcount') ? $(obj).data('wordcount') : 0);
    //return CCC_get_utf8_word_count(str ? str : '');
}

var onChangeInsertValue = function (obj, switchObj, enableChecker, skipToggle, disableRemoveValue, parentObj) {
    if (canDebug()) console.log(obj, switchObj, enableChecker);

    switch (switchObj) {
        case 'checkbox':

            var values = [];
            $.each($(obj).closest('.checkboxGroup').find('input[type=checkbox]').filter(':checked'), function () {
                if ($(this).val()) values.push($(this).val());
            });
            if (values.length) {
                values = '|||' + values.join('||') + '|||';
            } else {
                values = '';
            }
            $(obj).closest('.checkboxGroup').find('input.cccInput').val(values).trigger('change');

            if (enableChecker) {
                if (canDebug()) console.log('enableChecker');
                onChangeChecker(obj, 'checked', false, disableRemoveValue, parentObj);
            }

            break;
        case 'select':

            $(obj).closest('.selectGroup').find('input.cccInput').val($(obj).val()).trigger('change').trigger('cccInputChange');
            if (enableChecker) {
                if (canDebug()) console.log('enableChecker');
                onChangeChecker(obj, 'selected', false, disableRemoveValue, parentObj);
            }

            break;
        case 'radio':

            $(obj).closest('.radioGroup').find('input.cccInput').val($(obj).closest('.radioGroup').find('input[type=radio]').filter(':checked').val()).trigger('change');
            if (enableChecker) {
                if (canDebug()) console.log('enableChecker');
                onChangeChecker(obj, 'checked', false, disableRemoveValue, parentObj);
            }

            break;

    }
};

var getErrorMessage = function (thisApp, str, replace, obj) {
    var errorMsg, customSettings = {}, globalSettings = {}, settings = {};
    if (thisApp.settings) globalSettings = thisApp.settings['errorMessage'];
    if (obj) {
        errorMsg = $(obj).data('errorMessage');
        if (!errorMsg) {
            var customErrorData = $(obj).closest('.formItem').find('.customErrorMessage').first().val();
            customSettings = $.parseJSON(customErrorData);
        }
    }
    settings = $.extend(settings, globalSettings, customSettings);
    if (str in settings) {
        str = settings[str];
    }
    //"required" => "Required field",
    //    "url" => "Please enter valid URL",
    //    "email" => "Please enter valid Email",
    //    "number" => "Please enter valid number",
    //    "wordcount" => "Wordcount error",

    if (replace) {
        $.each(replace, function (k, v) {
            str = str.replace('{' + k + '}', v);
        });
    }

    return str;
};

var inputStyleChecking = function (thisApp, obj) {
    //if(!obj.hasClass("placeholder")){
    if ($(obj).val()) {
        $(obj).closest('.selectGroup').addClass('hasText');
        $(obj).addClass('hasText');
    } else {
        $(obj).closest('.selectGroup').removeClass('hasText');
        $(obj).removeClass('hasText');
    }
    //}
};
var addhttp = function (url) {
    if (!/^(?:f|ht)tps?\:\/\//.test(url)) {
        url = 'http://' + url;
    }
    return url;
};

var regexChecking = function (thisApp, v, check, error, thisCase) {
    if (canDebug()) console.log('regexChecking');
    var settings = $(v).data('regexChecking');
    if (canDebug()) console.log('settings', settings);
    if (settings) {
        $.each(settings, function (type, regexList) {
            $.each(regexList, function (key, regex) {
                if (check && canDebug()) console.log('type', type);
                if (check && canDebug()) console.log('regex.regex', regex.regex);
                if (check && canDebug()) console.log('check', check);
                if (check) {
                    switch (type) {
                        case 'value-checking':
                            if (check != regex.regex) {
                                error.push({
                                    obj: v,
                                    errMsg: type,
                                    displayMsg: (regex.isGetErrMsg ? getErrorMessage(thisApp, regex.errMsg) : regex.errMsg)
                                });
                                check = false;
                            }
                            break;
                        case 'callback':
                            var callbackName = regex.regex;
                            if (callbackName in window) {
                                if (!window[callbackName](check)) {
                                    error.push({
                                        obj: v,
                                        errMsg: type,
                                        displayMsg: (regex.isGetErrMsg ? getErrorMessage(thisApp, regex.errMsg) : regex.errMsg)
                                    });
                                    check = false;
                                }
                            } else {
                                error.push({
                                    obj: v,
                                    errMsg: type,
                                    displayMsg: getErrorMessage(thisApp, 'errorCheckingCallbackFunction')
                                });
                                check = false;
                            }
                            break;
                        case 'check-id':
                            if (!($(v).val() == $('#' + regex.regex).val())) {
                                error.push({
                                    obj: v,
                                    errMsg: type,
                                    displayMsg: (regex.isGetErrMsg ? getErrorMessage(thisApp, regex.errMsg) : regex.errMsg)
                                });
                                check = false;
                            }
                            break;
                        case 'check-field':
                            if (!($(v).val() == $(v).closest('.cccApp').find('input[name=\'' + regex.regex + '\']').val())) {
                                error.push({
                                    obj: v,
                                    errMsg: type,
                                    displayMsg: (regex.isGetErrMsg ? getErrorMessage(thisApp, regex.errMsg) : regex.errMsg)
                                });
                                check = false;
                            }
                            break;
                        default:
                            var re = new RegExp(regex.regex, regex.flag);
                            if (!re.test(check)) {
                                error.push({
                                    obj: v,
                                    errMsg: type,
                                    displayMsg: (regex.isGetErrMsg ? getErrorMessage(thisApp, regex.errMsg) : regex.errMsg)
                                });
                                check = false;
                            }
                    }
                }
            });
        });
    }

//    switch ($(v).attr('cccdata-regex-check')) {
//        case "number":
//            var re = /^\d+$/;
//            if (!re.test(check)) {
//                error.push({
//                    obj: v,
//                    errMsg: 'text-number',
//                    displayMsg: getErrorMessage(thisApp, 'number')
//                });
//                check = false;
//            }
//            break;
//        case "phone_number":
//            var re = /^[\d]{8,16}$/;
//            if (!re.test(check)) {
//                error.push({
//                    obj: v,
//                    errMsg: 'phone_number',
//                    displayMsg: getErrorMessage(thisApp, 'phone_number')
//                });
//                check = false;
//            }
//            break;
//        case "chinese":
//            var re = /^[\u4E00-\u9FFF\u3400-\u4DFF]+$/;
//            if (canDebug()) console.log(re.test(check));
//            if (!re.test(check)) {
//                error.push({
//                    obj: v,
//                    errMsg: 'text-chinese',
//                    displayMsg: getErrorMessage(thisApp, 'chinese')
//                });
//                check = false;
//            }
//            break;
//        case "english-only":
//            //var re = /^[\u4E00-\u9FFF\u3400-\u4DFF]+$/;
//            var re = /^[a-zA-Z0-9 \\#\@\-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/’\n\r²]+$/;
//            if (!re.test(check)) {
//                error.push({
//                    obj: v,
//                    errMsg: 'english-only',
//                    displayMsg: getErrorMessage(thisApp, 'english-only')
//                });
//                check = false;
//            }
//            break;
//        case "username":
//            var re = /^[a-zA-Z0-9_\/\-.]{5,16}$/i;
//            if (!re.test(check)) {
//                error.push({
//                    obj: v,
//                    errMsg: 'username',
//                    displayMsg: getErrorMessage(thisApp, 'username')
//                });
//                check = false;
//            }
//            break;
//        case "value-checking":
//            if (check != $(v).attr('cccdata-regex-value')) {
//                error.push({
//                    obj: v,
//                    errMsg: 'valueChecking',
//                    displayMsg: $(v).attr('cccdata-regex-errMsg')
//                });
//                check = false;
//            }
//            break;
//    }
//    console.log($(v).attr('cccdata-regex-enabled'));
//    if (check && $(v).attr('cccdata-regex-enabled') == "true") {
//        var re = new RegExp($(v).attr('cccdata-regex-pattern'), $(v).attr('cccdata-regex-flag'));
//        if (!re.test(check)) {
//            error.push({
//                obj: v,
//                errMsg: 'valueChecking',
//                displayMsg: $(v).attr('cccdata-regex-errMsg')
//            });
//            check = false;
//        }
//    }
//    if (check && $(v).attr('cccdata-callback-enabled') == "true") {
//        var callbackName = $(v).attr('cccdata-callback-name');
//        if(callbackName in window) if (window[callbackName](check)) {
//            error.push({
//                obj: v,
//                errMsg: 'callbackChecking',
//                displayMsg: $(v).attr('cccdata-callback-errMsg')
//            });
//            check = false;
//        }
//    }
//    if (check && $(v).attr('cccdata-check-id')) {
//        if (!($(v).val() == $("#" + $(v).attr('cccdata-check-id')).val())) {
//            error.push({
//                obj: v,
//                errMsg: 'fieldIDChecking',
//                displayMsg: $(v).attr('cccdata-check-id-errMsg')
//            });
//            check = false;
//        }
//    }
//
//    if (check && $(v).attr('cccdata-check-field')) {
//        if (!($(v).val() == $("#" + $(v).attr('cccdata-check-field')).val())) {
//            error.push({
//                obj: v,
//                errMsg: 'fieldFieldChecking',
//                displayMsg: $(v).attr('cccdata-check-field-errMsg')
//            });
//            check = false;
//        }
//    }

    if (check) {
        if ($(v).closest('.cccCC').length) {
            var cardCheck = true;
            var cardError = '';
            var ccType = $(v).closest('.cccCC').attr('ccType');
            var str = '';
            $(v).closest('.cccCC').find('.cccCardNumber').each(function () {
                str += $(this).val();
            });
            var result = $('<input>').val(str).validateCreditCard({accept: [ccType]});

            if (result.card_type) {
                if (result.card_type.name != ccType) {
                    cardCheck = false;
                    cardError = 'card-type-error';
                }
            } else {
                cardCheck = false;
                cardError = 'card-type-error';
            }
            if (cardCheck && !result.length_valid) {
                cardCheck = false;
                cardError = 'card-length-invalid';
            }
            if (cardCheck && !result.luhn_valid) {
                cardCheck = false;
                cardError = 'card-luhn-invalid';
            }
            if (cardCheck && !result.valid) {
                cardCheck = false;
                cardError = 'card-invalid';
            }

            if (!cardCheck) {
                error.push({
                    obj: v,
                    errMsg: 'cardChecking',
                    displayMsg: getErrorMessage(thisApp, cardError)
                });
                check = false;
            }
        }
    }
    return check;
};
var formChecking = function (thisApp, obj, pass, onlyThisObj, isScroll, textareaCheck) {

    //special case handle for first item.
    var findObj = $(thisApp.obj);
    if (obj) findObj = $(thisApp.obj).find(obj).closest('.tab-pane');
    var finalCheck = true;
    var formItem = $(findObj).find('.formItem:not(.hidden)').find('.cccInput');
    var error = [];
    if (onlyThisObj) {
        formItem = [];
        var targetObjs = [];
        $(onlyThisObj).each(function () {
            if ($(this).closest('.formItem.cccChecked').find('.cccInput').length) {
                targetObjs.push($(this).closest('.formItem.cccChecked').find('.cccInput'));
            }
        });
        if (targetObjs.length > 0) formItem = targetObjs;
    }
    if (obj) {

        //formItem = $(formItem).add($(findObj).find(".matrixGroup").filter(":visible"));
        $.each($(findObj).find('.matrixGroup').filter(':visible'), function (k, v) {
            formItem.push(v);
        });

    }

    $.each(formItem, function (k, v) {
        if (v) {
            var vals = $(v).closest('.formItem').find('.cccInput').map(function () {
                var value = $.trim(this.value);
                return value ? value : '';
            }).get();
            if (
                ($(v).closest('.formItem').hasClass('cccRequired') && $(v).closest('.formItem').is(':visible')) ||
                // ($(v).closest(".matrixItem").hasClass("matrixRequired") && $(v).closest(".matrixItem").is(":visible")) ||
                (vals.join('') !== '' && $(v).is(':visible'))
            ) {
                var allObj;
                if ($(v).val()) {
                    allObj = $(v);
                } else {
                    allObj = $(v).closest('.formItem').filter(':visible').find('.cccInput');
                }
                allObj = allObj.filter(function (k, v) {
                    if ($(v).closest('.matrixItem.coreTpl').length) {
                        return false;
                    } else {
                        if (($(v).closest('.formItem').hasClass("cccRequired") && !$(v).closest('.formItem').hasClass("hidden")) || ($(v).val() && $(v).is(':visible'))) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                });
                if (allObj.length >= 1) {
                    var check = false;
                    if (allObj.length === 1 && !$(v).is(".matrixGroup")) {

                        var settings = $(v).data('regexChecking');
                        if (settings === undefined || !settings) {
                            if ($(v).siblings('.regexChecking').length) {
                                settings = $.parseJSON($.trim($(v).siblings('.regexChecking').first().val()));
                                if (settings === undefined || !settings) {
                                    settings = {};
                                }
                                if (settings) $(v).data('regexChecking', settings);
                            }

                        }
                        check = $(v).val();
                        if (check) {
                            if ($(v).is('input')) {

                                switch ($(v).attr('type')) {
                                    case 'url':
//                                    if (canDebug()) console.log('url', v);
//                                    var re = /^((?:(?:(?:\w[\.\-\+]?)*)\w)+)((?:(?:(?:\w[\.\-\+]?){0,62})\w)+)\.(\w{2,6})$/i;
//
//                                    var re2 = /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!10(?:\.\d{1,3}){3})(?!127(?:\.\d{1,3}){3})(?!169\.254(?:\.\d{1,3}){2})(?!192\.168(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]+-?)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/[^\s]*)?$/i;
//                                    var thisCheck = (re.test(check) || re2.test(check));
//                                    if (canDebug()) console.log(thisCheck);
//                                    if (!thisCheck && !$(v).hasClass("skipChecking")) {
//                                        error.push({
//                                            obj: v,
//                                            errMsg: 'url',
//                                            displayMsg: getErrorMessage(thisApp, 'url', false, v)
//                                        });
//                                        check = false;
//                                    }

                                        if (!$(this).data('hasfocus')) {
                                            $(v).val(addhttp(check));
                                        }
                                        if (
                                            check && !$.isEmptyObject(settings) && !$(v).hasClass('skipChecking')
                                        ) {
                                            if (!regexChecking(thisApp, v, check, error, 1)) check = false;
                                        }

                                        break;
                                    case 'password':
                                        if (
                                            !$.isEmptyObject(settings) && !$(v).hasClass('skipChecking')
                                        ) {
                                            if (!regexChecking(thisApp, v, check, error, 1)) check = false;
                                        } else {
                                            var re = /^[a-zA-Z0-9-_\~\!\@\#\$\%\^\&\*\(\)]{8,}$/i;
                                            if (!re.test(check) && !$(v).hasClass('skipChecking')) {
                                                error.push({
                                                    obj: v,
                                                    errMsg: 'password',
                                                    displayMsg: getErrorMessage(thisApp, 'password', false, v)
                                                });
                                                check = false;
                                            }
                                        }

                                        break;
                                    case 'tel':
                                        break;
                                    case 'email':
                                    case 'hidden':
                                    case 'text':
                                        var checkWordCount = $(v).attr('cccdata-wordcount');
                                        var checkWordCountMessage = $(v).attr('cccdata-wordcount-message');
                                        var checkWordCountMin = $(v).attr('cccdata-wordcount-min');
                                        var countWord = countWords($(v), thisApp, false, textareaCheck);

                                        var checkCharactersCount = $(v).attr('cccdata-characterscount');
                                        var countCharacter = countCharacters($(v), thisApp, false, textareaCheck);
                                        //if(canDebug()) console.log('checkWordCount',countWord,checkWordCount);
                                        if (
                                            (!checkWordCountMin && checkWordCount && parseInt(countWord) > parseInt(checkWordCount)) ||
                                            ((checkWordCountMin && parseInt(countWord) < parseInt(checkWordCountMin)) || (checkWordCount && parseInt(countWord) > parseInt(checkWordCount)))
                                        ) {
                                            if (checkWordCountMessage) {
                                                error.push({
                                                    obj: v,
                                                    errMsg: 'textarea-wordcount',
                                                    displayMsg: checkWordCountMessage
                                                });
                                            } else {
                                                error.push({
                                                    obj: v,
                                                    errMsg: 'textarea-wordcount',
                                                    displayMsg: getErrorMessage(thisApp, 'wordcount', {
                                                        'NUM': checkWordCount
                                                    }, v)
                                                });
                                            }

                                            //this.value=this.value.replace(/[^a-z0-9_-]+$/,'')
                                            check = false;
                                        } else if (checkCharactersCount && parseInt(countCharacter) > parseInt(checkCharactersCount)) {
                                            error.push({
                                                obj: v,
                                                errMsg: 'textarea-characterscount',
                                                displayMsg: getErrorMessage(thisApp, 'characters_count', {
                                                    'NUM': checkCharactersCount
                                                }, v)
                                            });

                                            //this.value=this.value.replace(/[^a-z0-9_-]+$/,'')
                                            check = false;
                                        } else if (
                                            check && !$.isEmptyObject(settings) && !$(v).hasClass('skipChecking')
                                        ) {
                                            if (!regexChecking(thisApp, v, check, error, 1)) check = false;
                                        }
                                        break;
                                }

                            } else if ($(v).is('textarea')) {
                                var checkWordCount = $(v).attr('cccdata-wordcount');
                                var checkWordCountMessage = $(v).attr('cccdata-wordcount-message');
                                var checkWordCountMin = $(v).attr('cccdata-wordcount-min');
                                var countWord = countWords($(v), thisApp, false, textareaCheck);

                                var checkCharactersCount = $(v).attr('cccdata-characterscount');
                                var countCharacter = countCharacters($(v), thisApp, false, textareaCheck);
                                //if(canDebug()) console.log('checkWordCount',countWord,checkWordCount);
                                if (
                                    (!checkWordCountMin && checkWordCount && parseInt(countWord) > parseInt(checkWordCount)) ||
                                    ((checkWordCountMin && parseInt(countWord) < parseInt(checkWordCountMin)) || (checkWordCount && parseInt(countWord) > parseInt(checkWordCount)))
                                ) {
                                    if (checkWordCountMessage) {
                                        error.push({
                                            obj: v,
                                            errMsg: 'textarea-wordcount',
                                            displayMsg: checkWordCountMessage
                                        });
                                    } else {
                                        error.push({
                                            obj: v,
                                            errMsg: 'textarea-wordcount',
                                            displayMsg: getErrorMessage(thisApp, 'wordcount', {
                                                'NUM': checkWordCount
                                            }, v)
                                        });
                                    }

                                    //this.value=this.value.replace(/[^a-z0-9_-]+$/,'')
                                    check = false;
                                } else if (checkCharactersCount && parseInt(countCharacter) > parseInt(checkCharactersCount)) {
                                    error.push({
                                        obj: v,
                                        errMsg: 'textarea-characterscount',
                                        displayMsg: getErrorMessage(thisApp, 'characters_count', {
                                            'NUM': checkCharactersCount
                                        }, v)
                                    });

                                    //this.value=this.value.replace(/[^a-z0-9_-]+$/,'')
                                    check = false;
                                } else if (!$(v).val()) {

                                    error.push({
                                        obj: v,
                                        errMsg: 'textarea-no-value',
                                        displayMsg: getErrorMessage(thisApp, 'required', false, v)
                                    });

                                    check = false;
                                } else if (!$(v).hasClass('skipChecking')) {
                                    if (!regexChecking(thisApp, v, $(v).val(), error, 3)) {
                                        check = false;
                                    } else {
                                        check = true;
                                    }
//                                console.log('===>', check);
                                }
                            }
                        } else {
                            error.push({
                                obj: v,
                                errMsg: 'no-value',
                                displayMsg: getErrorMessage(thisApp, 'required', false, v)
                            });
                        }
                    } else {
                        check = true;
                        $.each(allObj, function (key, value) {

                            var settings = $(value).data('regexChecking');
                            if (settings === undefined || !settings) {
                                if ($(value).siblings('.regexChecking').length) {
                                    settings = $.parseJSON($.trim($(value).siblings('.regexChecking').first().val()));
                                    if (settings === undefined || !settings) {
                                        settings = {};
                                    }
                                    if (settings) $(value).data('regexChecking', settings);
                                }
                            }

                            if (canDebug()) console.log(value);
                            if (!$.isEmptyObject(settings)) {
                                if (!regexChecking(thisApp, value, $(value).val(), error, 2)) check = false;
                            }

                            if (!$(value).val()) {
                                error.push({
                                    obj: value,
                                    errMsg: 'textarea-wordcount',
                                    displayMsg: getErrorMessage(thisApp, 'required', false, v)
                                });
                                check = false;
                            }
                        });
                    }
                    if (!check && !pass) {
                        if (canDebug()) console.log(check, pass);
                        finalCheck = false;
                    }

                }
            } else if ($(v).hasClass('matrixGroup')) {
                var isPass = matrixChecking($(v), false, false, true);
                if (canDebug()) console.log('isPass', isPass);
                if (!isPass) {
                    error.push({
                        obj: v,
                        errMsg: 'matrix-error-not-match',
                        displayMsg: getErrorMessage(thisApp, 'matrix-error', false, v)
                    });
                    finalCheck = false;
                }
            }
            if ($(v).closest('.matrixGroup').length) {
                $(v).closest('.matrixGroup').closest('.formItem').children('.cccAlertMessage').text('');
            }
            $(v).closest('.formItem').removeClass('matrix-error');
            $(v).closest('.formItem').removeClass('has-error');
            $(v).closest('.formItem').find('.inputErrorStatus').remove();
            $(v).children('.inputErrorStatus').remove();
            $(v).closest('.formItem').find('.cccAlertMessage').text('');
            $(v).children('.cccAlertMessage').text('');

        }
    });

    if (!finalCheck) {
        if (canDebug()) console.log('finalCheck', error);
        if (canDebug()) console.log('========ERROR INPUT START========');
        var allObjs = [];
        $.each(error, function (k, data) {

            if (canDebug()) console.log('========MESSAGE => ', data['errMsg']);
            var v = data['obj'];
            allObjs.push($(v).closest('.formItem'));
//            console.log($(v));
            if (!$(v).hasClass('resetChecking')) {

                if ($(v).hasClass('matrixGroup')) {
                    $(v).closest('.formItem').addClass('matrix-error cccChecked');
                    $(v).closest('.formItem').find('.errorHolder').find('.inputErrorStatus').remove();
                    $(v).closest('.formItem').children('.inputErrorStatus').remove();
                    $(v).closest('.formItem').children('.cccAlertMessage').text(data['displayMsg']);
                    var errorSpan = '<span class="cccFormIcon cccappicon-add_circle form-control-feedback matrixErrorStatus" aria-hidden="true"></span>';
                    if ($(v).find('.errorHolder').length) {
                        $(v).find('.errorHolder').append(errorSpan);
                    } else {
                        var appendTo = v;
                        if ($(appendTo).next('.cccform-style-fix').length) {
                            appendTo = $(appendTo).next('.cccform-style-fix').first();
                        }
                        $(errorSpan).insertAfter(appendTo);
                    }

                } else {
                    $(v).closest('.formItem').addClass('has-error cccChecked');
                    $(v).closest('.formItem').find('.inputErrorStatus').remove();
                    $(v).closest('.formItem').find('.cccAlertMessage').text(data['displayMsg']);

                    var errorSpan = '<span class="cccFormIcon cccappicon-add_circle form-control-feedback inputErrorStatus" aria-hidden="true"></span>';
                    if ($(v).find('.errorHolder').length) {
                        $(v).find('.errorHolder').append(errorSpan);
                    } else {
                        var appendTo = v;
                        if ($(appendTo).next('.cccform-style-fix').length) {
                            appendTo = $(appendTo).next('.cccform-style-fix').first();
                        }
                        $(errorSpan).insertAfter(appendTo);
                    }

                }

            }

            if (canDebug()) console.log($(v).closest('.formItem').find('.cccAlertMessage'));
            if (canDebug()) console.log(v);
            if (canDebug()) console.log('================');

        });

        if (allObjs.length) {
            var scrollTo = false;
            $.each(allObjs, function () {
                if ($(this).is(':visible') && !scrollTo) {
                    scrollTo = $(this);
                    return;
                }
            });
            //if(canDebug()) console.log('scrollTo',scrollTo);
            if (scrollTo && isScroll && $(thisApp.obj).closest('.modal-body').length == 0 && !('noScroll' in thisApp.settings)) {
                if (canDebug()) console.log(scrollTo);
                $('html, body').stop(true).animate({
                    scrollTop: $(scrollTo).offset().top - 30 - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                }, 500);

                var obj = $(scrollTo).find('input').filter(':visible');
                if (obj.length) {
                    obj.focus();
                } else {
                    var obj = $(scrollTo).find('.dropdown-toggle');
                    if (obj.length) {
                        obj.focus();
                    }
                }

            }
            if (canDebug()) console.log('========ERROR INPUT END========');

        }
    }

    $.each(formItem, function (k, v) {
        $(v).trigger('cccChecked');
    });
    if ('dialog' in thisApp) {
        if (typeof thisApp.dialog === 'function') {
            thisApp.dialog().setClosable(finalCheck);
        } else if (thisApp.dialog) {
            thisApp.dialog.setClosable(finalCheck);
        }
    }
    return finalCheck;
};

var formPrev = function (obj, callback, mustCheck, data, passCheck) {
    var cccApp = $(obj).closest('.cccApp');
    var finalCallback;
    if (mustCheck) {
        finalCallback = function () {
            var id = $(obj).closest('.cccApp').attr('cccdata-cccapp-id');
            $('.cccTabs_' + id + ' > .active').prev('li').find('a').triggerHandler('click');
            cccApp.trigger('reloadLayout');
            if (callback) callback();
        };
    } else {
        var id = $(obj).closest('.cccApp').attr('cccdata-cccapp-id');
        $('.cccTabs_' + id + ' > .active').prev('li').find('a').triggerHandler('click');
        cccApp.trigger('reloadLayout');
        finalCallback = callback;
    }
    $(cccApp).trigger('checkFormSectionSave', [finalCallback, false, obj, data, passCheck]);
};
var formNext = function (obj, callback, falseCallback, data, mustCheck, passCheck) {
    var cccApp = $(obj).closest('.cccApp');
    var finalCallback = function () {
        var id = $(obj).closest('.cccApp').attr('cccdata-cccapp-id');
        if (canDebug()) console.log($('.cccTabs_' + id + ' > .active').next('li'));
        $('.cccTabs_' + id + ' > .active').next('li').find('a').triggerHandler('click');
        if (callback) callback();
        cccApp.trigger('reloadLayout');
    };
    if (canDebug()) console.log(mustCheck);
    // console.log('trigger');
    $(cccApp).trigger('checkFormSectionSave', [finalCallback, (mustCheck ? false : falseCallback), obj, data, passCheck]);
};
var formSave = function (obj, callback, falseCallback, data, pass) {
    if (canDebug()) console.log('formSave');
    var cccApp = $(obj).closest('.cccApp');
    var thisApp = false;
    cccApp.trigger('cccApp', [function (app) {
        thisApp = app;
    }]);
    if ($(obj).hasClass('cccApp')) {
        cccApp = $(obj);
    }
    if (canDebug()) console.log(cccApp);
    window.onbeforeunload = null;
    if (thisApp) {
        var workflowToken = thisApp.getWorkflow();
        if (workflowToken) {
            var btns = [];
            if (thisApp.getID()) {
                btns.push({
                    label: lang('Save as new Draft'),
                    cssClass: 'btn-default',
                    action: function (dialog) {
                        typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                        dialog.close();
                        thisApp.id = '';
                        if (!data) {
                            data = {};
                        }
                        if (thisApp.production_id) {
                            data['production_id'] = thisApp.production_id;
                        }
                        // data['workflow_new'] = true;
                        $(cccApp).trigger('checkFormSave', [function (data) {
                            if (data && data.status >= 1) {
                                if (data.uid && thisApp.onReplaceUid) {
                                    thisApp.onReplaceUid(data.uid);
                                }
                            }
                            // if(callback) callback(data);
                        }, falseCallback, data, pass]);
                    }
                });
            }
            if (!thisApp.getLocked()) {
                btns.push({
                    label: lang('Save current'),
                    cssClass: 'btn-default',
                    action: function (dialog) {
                        typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                        dialog.close();
                        $(cccApp).trigger('checkFormSave', [function () {
                            if (thisApp.uid && thisApp.onReplaceUid) {
                                thisApp.onReplaceUid(thisApp.uid);
                            }
                        }, falseCallback, data, pass]);
                    }
                });
                btns.push({
                    label: lang('Save current and submit for Approval'),
                    cssClass: 'btn-default',
                    action: function (dialog) {
                        typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                        dialog.close();
                        $(cccApp).trigger('checkFormSave', [function () {
                            thisApp.onSubmitApproval();
                        }, falseCallback, data, pass]);
                    }
                });
            }
            BootstrapDialog.confirm(1, 'info', 'Workflow Detected', 'Please select your save method', true, true, {
                'callback': function (result) {
                    if (result) {
                    } else {

                    }
                }
            }, btns, function (dialog) {

            }, function (dialog) {

            }, function (dialog) {

            }, function (dialog) {

            }, false, true);
        } else {
            $(cccApp).trigger('checkFormSave', [callback, falseCallback, data, pass]);
        }
    } else {
        $(cccApp).trigger('checkFormSave', [callback, falseCallback, data, pass]);
    }
};
var autoSave = function (thisApp, pass, callback, obj, falseCallback, data, noSubmit, disableOnSave) {
    if (canDebug()) console.trace('autoSave');
    if ($(thisApp.obj).hasClass('cccPreview')) {
//        console.log('cccPreview');
        return false;
    }

    var saveCallback = function () {
        var thisCheck = formChecking(thisApp, obj, pass, false, true);

        var basicForm = false;
        var ENABLE_MOD_SECURITY = false;
        if (thisApp.settings) {
            if ('method' in thisApp.settings) {
                if (thisApp.settings.method == 'POST') {
                    basicForm = 'POST';
                }
            }
            if ('ENABLE_MOD_SECURITY' in thisApp.settings && !thisApp.isLocalStorage) {
                ENABLE_MOD_SECURITY = thisApp.settings['ENABLE_MOD_SECURITY'];
                if (ENABLE_MOD_SECURITY == 'ENABLE_MOD_SECURITY') ENABLE_MOD_SECURITY = false;
            }
        }
        if (thisCheck || pass) { // || (!basicForm && falseCallback)
//            console.log('form');
            var replaceBase64 = function (str) {
                if (typeof str === 'object') {
                    $.each(str, function (k, v) {
                        str[k] = replaceBase64(v);
                    });
                } else if ($.isArray(str)) {
                    str = $.map(str, function (str) {
                        return replaceBase64(str);
                    });
                } else {
                    if (str !== '') {
                        str = 'cccForm::B64::' + thisApp.Base64.encode(str);
                    }
                }
                return str;
            };

            var form;
            var createForm = function (replaceHyphen) {
                if (form) $(form).remove();
                var orgObj = $(thisApp.obj).find('.formItem:not(.hidden)').find('.cccInput:not(.cccHiddenInput)');
                orgObj = $(orgObj).filter(function () {
                    return $(this).closest('.formItem.hidden').length === 0;
                });
                $(orgObj).filter('textarea').each(function () { // bug found
                    var cloneID = $(this).attr('cccdata-clone-id');
                    if (!cloneID) $(this).attr('cccdata-clone-id', cms.makeID());
                });

                form = $('<form style=\'display: none;\'></form>').append(orgObj.clone());
                if ($(thisApp.obj).find('.cccHiddenFormItem:not(.hidden)').find('.cccHiddenInput').length) form.append($(thisApp.obj).find('.cccHiddenFormItem:not(.hidden)').find('.cccHiddenInput').clone());

                $(form).find('input,textarea').each(function () {
                    if ($(this).is('textarea')) {
                        var cloneID = $(this).attr('cccdata-clone-id');
                        $(this).val($(orgObj).filter('[cccdata-clone-id=\'' + cloneID + '\']').val());
                    }
                    $(this).attr('id', '');
                    var thisName = $(this).attr('name');
                    if (thisName && replaceHyphen) {
                        thisName = thisName.replace(/\-/g, '_hyphen_');
                        $(this).attr('name', thisName);
                    }
                    //if($(this).val() == $(this).attr("placeholder")) {
                    //    $(this).val('');
                    //}

                    if (ENABLE_MOD_SECURITY) {
                        $(this).val(replaceBase64($(this).val()));
                    }

                });
            };
            if (basicForm) {
                if (noSubmit) {

                    if (callback && (thisCheck || !falseCallback)) callback(data);
                    if (!thisCheck && falseCallback) falseCallback(data);

                } else {
                    createForm();
                    cms.loadingDiv($(thisApp.obj));
                    $('body').append(form);
//                    console.log(data);
                    if (data) {
                        $.each(data, function (k, v) {
//                        console.log(k, v);
                            var input = $('<input>');
                            input.attr('name', k);
                            if (ENABLE_MOD_SECURITY) {
                                input.attr('value', 'cccForm::B64::' + thisApp.Base64.encode(v));
                            } else {
                                input.attr('value', v);
                            }
                            $(form).append(input);
                        });
                    }
                    $(form)
                        .attr('method', basicForm)
                        .attr('action', thisApp.settings.action)
                        .submit();
                    $(window).bind('blur.submit', function () {
                        $(window).unbind('blur.submit');
                        cms.removeLoadingDiv($(thisApp.obj));
                    });
                }
            } else {
                if (!data) data = {};

                var finalData = data;

                finalData['uid'] = (thisApp.getID() ? thisApp.getID() : '');
                if (thisApp.ref_id) finalData['ref_id'] = thisApp.ref_id;
                finalData['h'] = $(thisApp.obj).find('#h').val();

                var errorCallback = function (data) {
                    var thisObj = $(thisApp.obj).find('div[cccdata-ref-cccapp-id=\'errMsg\']');
                    var errMsgCallback = function (allObjs, v) {
                        $.each(allObjs, function (k, thisObj) {
                            thisObj = $(thisObj);
                            if (thisObj.length) {
                                if (v === parseInt(v, 10)) {
                                    thisObj.closest('.formItem').find('.cccAlertMessage').last().html(ajax_showStatusMessage(v));
                                } else {
                                    thisObj.closest('.formItem').find('.cccAlertMessage').last().html(v);
                                }
                                if (k == 0 && !$(thisApp.obj).closest('.modal-body').length) {
                                    $('html, body').stop(true).animate({
                                        scrollTop: $(thisObj).closest('.formItem').offset().top - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                                    }, 500);
                                }
                            }
                        });
                    };
                    if (data.errMsg) {
                        if (typeof data.errMsg == 'object') {
                            $.each(data.errMsg, function (k, v) {
                                var re = /^(.*)\[([0-9]+)\]\[(.*)\]$/;
                                if (re.test(k)) {
                                    var matrixGroupName = k.replace(re, '$1');
                                    var eq = k.replace(re, '$2');
                                    var inputName = k.replace(re, '$3');
                                    var thisObj = $(thisApp.obj).find('div[cccdata-ref-cccapp-id=\'' + matrixGroupName + '\']');
                                    if (thisObj.hasClass('matrixGroup') && matrixGroupName != '' && eq != '' && inputName != '') {
                                        var thisObj = $(thisObj).find('.matrixItem:not(.coreTpl)').eq(eq).find('div[cccdata-ref-cccapp-id=\'' + inputName + '\']');
                                        errMsgCallback([thisObj], v);
                                    } else {
                                        errMsgCallback([thisObj], v);
                                    }

                                } else {
                                    var thisObj = $(thisApp.obj).find('div[cccdata-ref-cccapp-id=\'' + k + '\']');
                                    var filterNotObj = $(thisObj).closest('.matrixItem').find('div[cccdata-ref-cccapp-id=\'' + k + '\']');
                                    thisObj = $(thisObj).not(filterNotObj);//.first();
                                    errMsgCallback(thisObj, v);
                                }
                            });
                        } else {

                            if (thisObj.length) {
                                $(thisObj).parent().removeClass('hidden');
                                $(thisObj).html(data.errMsg);
                                if (!$(thisApp.obj).closest('.modal-body').length) {
                                    $('html, body').stop(true).animate({
                                        scrollTop: $(thisObj).closest('.formItem').offset().top - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                                    }, 500);
                                }

                            }
                        }
                    } else {
                        if (thisObj.length) $(thisObj).parent().addClass('hidden');
                    }
                };
//                console.log(thisApp.saveConnection);
                if (thisApp.isLocalStorage) {
                    createForm(true);
                    var thisData = $(form).serializeObject();
                    thisData = JSON.stringify(thisData);
                    thisData = thisData.replace(/_hyphen_/g, '-');
                    thisData = JSON.parse(thisData);
                    var finalData = $.extend(finalData, thisData);
//                    console.log('save', finalData);
                    thisApp.setFormData(finalData);
                    if (thisApp.onSave && !disableOnSave) thisApp.onSave(finalData);
                } else {
                    var saveCallback = function () {
                        cms.loadingDiv($(thisApp.obj));
                        createForm();
                        if (thisApp.getID()) finalData['uid'] = thisApp.getID();
//                        console.log(ENABLE_MOD_SECURITY);
                        if (ENABLE_MOD_SECURITY) {
                            finalData = replaceBase64(finalData);
                        }
                        if (thisApp.getWorkflow()) {
                            finalData['workflow_token'] = thisApp.getWorkflow();
                        }
                        $(form).ajaxSubmit({
                            type: (thisApp.isRestFulAPI() && 'uid' in finalData && finalData['uid'] ? 'PUT' : 'POST'),
                            headers: thisApp.headers({
                                'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                            }),
                            data: finalData,
                            beforeSend: function (xhr) {
                                thisApp.saveConnection = xhr;
                            },
                            dataType: 'json',
                            url: (thisApp.isRestFulAPI() ? thisApp.root + thisApp.api + ('uid' in finalData && finalData['uid'] ? '/' + thisApp.getID() : '') : thisApp.root + 'lib/ajax/' + thisApp.api + '/save/'),
                            error: function (data) {
                                $(document).trigger('cccApp_' + thisApp.appID + '_reset_grecaptcha');
                            },
                            success: function (data) {
//                                console.log(thisApp);
                                $(document).trigger('cccApp_' + thisApp.appID + '_reset_grecaptcha');
                                cms.removeLoadingDiv($(thisApp.obj));
                                thisApp.saveConnection = false;
                                if (data && data.status >= 1) {

                                    if (data.uid) {
                                        thisApp.setID(data.uid);
                                    }
                                    if (data['data']) {
                                        if (data['data'].workflow_versions && typeof thisApp.onVersions === 'function') {
                                            thisApp.onVersions(data['data'].workflow_versions);
                                        }
                                        if (data['data'].production_id) {
                                            thisApp.production_id = data['data'].production_id;
                                        }
                                    }

                                    var objList = [];

                                    if (data.redirect) {
                                        window.location.href = data.url;
                                    }

                                    if (data.hiddenApp) {
                                        $(thisApp.obj).find('.formItem').addClass('hidden');
                                        $(thisApp.obj).find('.cccSubmit').addClass('hidden');
                                    }
                                    if (data.destroyApp) {
                                        if (thisApp.onDestory) thisApp.onDestory();
                                    }

                                    errorCallback(data);

                                    var thisObj = $(thisApp.obj).find('div[cccdata-ref-cccapp-id=\'msg\']');

                                    if (thisObj.length) {
                                        if (data.msg) {
                                            $(thisObj).parent().removeClass('hidden');
                                            $(thisObj).html(data.msg);
                                            if (!$(thisApp.obj).closest('.modal-body').length) {
                                                $('html, body').stop(true).animate({
                                                    scrollTop: $(thisObj).closest('.formItem').offset().top - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                                                }, 500);
                                            }
                                        } else {
                                            $(thisObj).parent().addClass('hidden');
                                        }
                                    }

                                    if (callback && (thisCheck || !falseCallback)) callback(data);
                                    if (!thisCheck && falseCallback) falseCallback(data);

                                    if (canDebug()) console.log(data);
                                } else {

                                    if (data.uid) {
                                        thisApp.setID(data.uid);
                                    }

                                    var statusErrorMsg = ajax_showStatusMessage(data.status);
                                    if (!data.errMsg && statusErrorMsg) data.errMsg = statusErrorMsg;

                                    errorCallback(data);
                                    if (falseCallback) falseCallback(data);
                                }
                                if (thisApp.saveConnectionQueue.length) {
                                    if (typeof thisApp.saveConnectionQueue[0] == 'function') {
                                        thisApp.saveConnectionQueue[0]();
                                        thisApp.saveConnectionQueue.shift();
                                    }
                                }
                                if (thisApp.onSave && !disableOnSave) thisApp.onSave(data);
                            }
                        });
                    };

                    var timeoutChecking = function () {
                        if (thisApp.saveConnection) {
                            thisApp.saveConnectionQueue.push(saveCallback);
                        } else {
                            saveCallback();
                        }
                    };

                    timeoutChecking();

                }
            }
            return true;
        } else {
            if (falseCallback) falseCallback({message: lang('Unable to check application')});
            return false;
        }

    };

    var id = thisApp.uniqueId;
    if (id && thisApp.delaySave) {
        if (thisApp.autoSaveDelay[id]) clearTimeout(thisApp.autoSaveDelay[id]);
        thisApp.autoSaveDelay[id] = setTimeout(saveCallback, 300);
    } else {
        return saveCallback();
    }
};
var selectObjVal = function (obj, v, skipFormChecking) {

    var selectGroup = $(obj).closest('.selectGroup');
    if ($(obj).hasClass('formItem')) {
        $(obj).removeClass('has-error');
        $(obj).find('.cccAlertMessage').text('');
        $(obj).find('.inputErrorStatus').remove();
        selectGroup = $(obj).find('.selectGroup');
    }
    var input;
    if ($(obj).hasClass('isListener')) {
        input = $(selectGroup).find('input.isSelect');
    } else {
        input = $(selectGroup).find('.cccInput.isSelect');
    }

    var select = $(selectGroup).find('select');

    //checkSelect(selectGroup);

    input.val(v).trigger('cccInputChange');
    if (v == '') {
        input.removeClass('hasClass');
        select.removeClass('hasClass');
    }
    if (input.hasClass('isSelect')) {
        select.find('option').prop('selected', false).filter('[value=\'' + v + '\']').prop('selected', true);
        if (select.hasClass('.selectinit')) {
            select.val(v).selectpicker('refresh');
        } else {
            select.val(v);
        }
    }
    select.trigger('change', [skipFormChecking]);

//    select.find("option").filter("[value='"+v+"']").prop("selected",true).trigger("change");
};

var getOptionsIDS = function (othersRadio, obj, thisAppObj) {
    var ids = [];
    $.each(othersRadio, function () {
        var optionID = $(this).attr('cccdata-ref-id');
        if (obj) {
            $(thisAppObj).trigger('formID_' + optionID + '.hide', [function (objs) {
                if (objs.length) {
                    $.each(objs, function (objKey, objValue) {
                        if ($(thisAppObj).find('.formItem_' + objValue).length) ids.push($('.formItem_' + objValue));
                    });
                }
            }]);
        } else {

            ids.push(optionID);
        }
    });
    return ids;
};

var onChangeChecker = function (allObj, checkStr, objCheck, disableRemoveValue, parentObj) {
    if (canDebug()) console.log('onChangeChecker', allObj, allObj.len);
    if (!$(allObj).length) return;

    if (!parentObj) {
        parentObj = {
            add: function (id) {
                if ($.inArray(id, targetObjs) == -1) targetObjs.push(id);
            },
            get: function () {
                return targetObjs;
            }
        };
        if (canDebug()) console.log('create Parent Obj');
    }

    var targetObjs = [];

    var checkType;
    if ($(allObj).is('select')) {
        checkType = 'select';
    } else {
        checkType = $(allObj).attr('type');
    }

    var thisAppObj = $(allObj).closest('.cccApp');
    if (checkStr == 'selected') {
        allObj = $(allObj).find('option');
    } else {
        if ($(allObj).filter(':' + checkStr).length == 0 && checkType == 'checkbox') { // checkbox
            var tempAllObj = [];
            $(allObj).each(function (k, obj) {
                var groupID = $(obj).attr('cccdata-ref-group');
                var othersRadio = $(obj).closest('.cccApp').find('*[cccdata-ref-group=\'' + groupID + '\']').not(obj).filter(':' + checkStr);
                if (othersRadio.length > 0) {
                    tempAllObj.push(othersRadio.first().get(0));
                } else {
                    $(obj).closest('.cccApp').find('input[cccdata-ref-group=\'' + groupID + '\']').each(function (k, obj) {
                        if ($(obj).closest('.formItem').hasClass('hidden')) return;
                        if (obj.length == 0) return;
                        if (objCheck) onChangeInsertValue(obj, checkType, false, false, disableRemoveValue, parentObj);
                    });
                    othersRadio = $(obj).closest('.formItem').find('*[cccdata-ref-group=\'' + groupID + '\']').not(':' + checkStr);
                    $(document).trigger('formID.hide', [thisAppObj, getOptionsIDS(othersRadio, false, thisAppObj), $(obj).closest('.matrixItem'), disableRemoveValue, parentObj]);
                }
            });
            allObj = tempAllObj;
        }
    }

    //if(canDebug()) console.log('allObj',allObj);
    var currentOptionID = [];
    $(allObj).filter(':' + checkStr).each(function (k, obj) {
        var thisID = $(obj).filter(':' + checkStr).attr('cccdata-ref-id');
        $(thisAppObj).trigger('formID_' + thisID + '.hide', [function (objs) {
            if (objs.length) {
                $.each(objs, function (objKey, objValue) {
                    if (objValue) {
                        currentOptionID.push(objValue);
                    }
                });
            }
        }]);
    });
//    console.log('currentOptionID', currentOptionID);
    $(allObj).filter(':' + checkStr).each(function (k, obj) {
//        if ($(obj).closest(".formItem").hasClass("hidden")) return;
        if (obj.length == 0) return;
        var groupID = $(obj).filter(':' + checkStr).attr('cccdata-ref-group');
//        var othersRadio = $(obj).closest(".cccApp").find("*[cccdata-ref-group='" + groupID + "'][value!='']").not(obj).not(":" + checkStr);
        var othersRadio;
        if (checkStr == 'selected') {
            othersRadio = $(obj).siblings('*[cccdata-ref-group=\'' + groupID + '\'][value!=\'\']').not(obj).not(':' + checkStr);
//            console.log(othersRadio);
        } else if (checkType == 'checkbox') {
            othersRadio = $(obj).closest('.formItem').find('input[cccdata-ref-group=\'' + groupID + '\']').not(obj).not(':' + checkStr);
//            console.log(othersRadio);
        } else if (checkType == 'radio') {
            othersRadio = $(obj).closest('.formItem').find('input[cccdata-ref-group=\'' + groupID + '\'][value!=\'\']').not(obj).not(':' + checkStr);
//            console.log($(obj).closest(".formItem").hasClass("beforeHidden"), 'othersRadio', getOptionsIDS(othersRadio, false, thisAppObj));
        }
        $(document).trigger('formID.hide', [thisAppObj, getOptionsIDS(othersRadio, false, thisAppObj), $(obj).closest('.matrixItem'), disableRemoveValue, parentObj, currentOptionID]);

    });
    $(allObj).filter(':' + checkStr).each(function (k, obj) {
        if ($(obj).closest('.formItem').hasClass('beforeHidden')) {
//            console.log('obj >>>> ', obj, getOptionsIDS([obj], false, thisAppObj));
            $(document).trigger('formID.hide', [thisAppObj, getOptionsIDS([obj], false, thisAppObj), $(obj).closest('.matrixItem'), disableRemoveValue, parentObj]);
            return;
        }
        if ($(obj).closest('.formItem').hasClass('hidden')) return;
        if (obj.length == 0) return;
        if (objCheck) onChangeInsertValue(obj, checkType, false, false, disableRemoveValue, parentObj);
        var optionID = $(obj).filter(':' + checkStr).attr('cccdata-ref-id');
        var classProfile = $(obj).filter(':' + checkStr).attr('cccdata-profile');
        $(thisAppObj).trigger('formID_' + optionID + '.show', [true, $(obj).closest('.matrixItem'), classProfile, disableRemoveValue, parentObj]);
    });

    //if(checkObject.is("select")) $(checkObject).selectpicker('refresh');
};

var changeClassProfile = function (objs, profile) {
    if (objs.length) {
        $.each(objs, function () {
            var $this = $(this);
            var thisProfile = $($this).attr('cccdata-class-profile');
            if (thisProfile) {
                if (thisProfile != '') {
                    var str = rawurldecode(thisProfile);
                    var classObj = $.parseJSON(str);
                    var removeClass = [];
                    var addClass = [];
                    $.each(classObj, function (k, v) {
                        if (k == profile) {
                            addClass.push(v);
                        } else {
                            removeClass.push(v);
                        }
                    });
                    $(this).removeClass(removeClass.join(' '));
                    $(this).addClass(addClass.join(' '));

                }
            }

            var thisProfile = $($this).attr('cccdata-string-class-profile');
            if (thisProfile) {
                if (thisProfile != '') {
                    var str = rawurldecode(thisProfile);
                    var classObj = $.parseJSON(str);
                    $.each(classObj, function (k, v) {
                        if (k == profile) {
                            $($this).text(v);
                        }
                    });
                }
            }
        });
    }
};

$(document).bind('formID.hide', function (e, thisAppObj, ids, matrixItem, disableRemoveValue, parentObj, exceptionID) {
    var targetObjs = [];

    if (ids.length) {
        $.each(ids, function (k, optionID) {
            $(thisAppObj).trigger('formID_' + optionID + '.hide', [function (objs) {
                if (objs.length) {
                    $.each(objs, function (objKey, objValue) {
                        if (objValue && $.inArray(objValue, parentObj.get()) == -1) {
                            targetObjs.push(objValue);
                            parentObj.add(objValue);
                        }
                    });
                }
            }]);
        });
    }
//    console.log('targetObjs', targetObjs);
    if (targetObjs.length) {
        if (canDebug()) console.log(ids, targetObjs, parentObj.get());
        $.each(targetObjs, function (v, k) {
//            console.log(k, exceptionID);
            if ($.inArray(k, exceptionID) == -1) {

                var obj = $(thisAppObj).find('.formItem_' + k);
                if (matrixItem) {
                    if (matrixItem.length) {
                        obj = $(matrixItem).find($(thisAppObj).find('.formItem_' + k));
                    }
                }

                $(obj).addClass('beforeHidden');
                var thisApp = false;
                $(obj).closest('.cccApp').trigger('cccApp', [function (app) {
                    thisApp = app;
                }]);
                var checkStr = '';
                if (thisApp && !thisApp.isDisableResetOnToggle()) {

                    if ($(obj).find('select').length) {
                        var value = '';
                        if ($(obj).find('select').find('option').filter('.preselected').length) value = $(obj).find('select').find('option').filter('.preselected').attr('value');
                        if (!disableRemoveValue) {
                            selectObjVal(obj, value, true);
                        }
                        onChangeChecker($(obj).find('select'), 'selected', false, disableRemoveValue, parentObj);
                        //checkStr = "selected";
                    } else if ($(obj).find('.radioGroup').length) {
                        //var value = '';
                        if ($(obj).find('.radioGroup').find('input').filter('.preselected').length) {
                            $(obj).find('.radioGroup').find('input').filter('.preselected').prop('checked', true);
                        }
                        onChangeChecker($(obj).find('.radioGroup').find('input[type=radio]'), 'checked', false, disableRemoveValue, parentObj);
                        //checkStr = "radio";

                    } else if ($(obj).find('.checkboxGroup').length) {
                        //var value = '';
                        if ($(obj).find('.checkboxGroup').find('input').filter('.preselected').length) {
                            $(obj).find('.checkboxGroup').find('input').filter('.preselected').prop('checked', true).trigger('change');
                        } else {
                            $(obj).find('.checkboxGroup').find('input').prop('checked', false).trigger('change');
                        }
                        onChangeChecker($(obj).find('.radioGroup').find('input[type=checkbox]'), 'checked', false, disableRemoveValue, parentObj);
                        //checkStr = "radio";

                    } else {
                        $(obj).find('.cccInput').each(function () {
                            if ($(this).hasClass('uploadInput')) {
                                $(this).closest('.uploadPlaceHolder').removeClass('initUploader').html('');
                                cms.uploader.check(thisApp);
                            }
                            if ($(this).hasClass('base64upload')) {
                                $(obj).parent()
                                    .find('.base64UploadLabel').parent().get(0).reset();
                                $(obj).parent()
                                    .find('.base64UploadLabel')
                                    .css('background', 'none')
                                    .removeClass('upload-success')
                                    .find('.cccFormIcon').addClass('hidden')
                                    .filter('.cccappicon-upload').removeClass('hidden')
                                    .parent().find('.uploadLabelText').removeClass('hidden').last().text('').addClass('hidden');
                            }
                            thisApp.objVal($(this), $(this).attr('cccdata-default-value') ? thisApp.Base64.decode($(this).attr('cccdata-default-value')) : '');
                        });
                    }

                }
                $(obj).removeClass('beforeHidden');
                $(obj).addClass('hidden');
//                console.log('$(obj)', k, $(obj));
                $(obj).each(function () {
                    var relatedObject = $(obj).attr('cccdata-field-id');
                    if (!cms.cccApp.disableAnimateCSS) $('.formSubItem_' + relatedObject).addClass('hidden').addClass('animated fadeInUp');
                });
                $(document).trigger('formID.hide', [thisAppObj, [k], matrixItem, disableRemoveValue, parentObj]);
                if (matrixItem) if (matrixItem.length) $(matrixItem).closest('.cccApp').trigger('reloadLayout');

            }
        });

    }

});

var scheduleChecker = function (appID, id, str, mode) {
    if (str == '') return false;
    var thisAppObj = $('[cccdata-cccapp-id=\'' + appID + '\']');
    $(thisAppObj).bind('formID_' + id + '.show', function (e, isChange, matrixItem, profile, disableRemoveValue, parentObj) {
        var targetObjs = str.split(',');
        if (canDebug()) console.log(targetObjs);
        $.each(targetObjs, function (v, k) {

            var obj = $(thisAppObj).find('.formItem_' + k);
            if (obj.length) {
                changeClassProfile([obj], profile);
                changeClassProfile(obj.find('*[cccdata-class-profile!=\'\']'), profile);
                changeClassProfile(obj.find('*[cccdata-string-class-profile!=\'\']'), profile);
            }
            if (matrixItem.length) {
                obj = $(matrixItem).find($(thisAppObj).find('.formItem_' + k));
            }
            if ($(obj).hasClass('hidden')) {
                $(obj).removeClass('hidden');
                if (!cms.cccApp.disableAnimateCSS) $(obj).addClass('animated fadeInUp');
            }
            $(obj).each(function () {
                var relatedObject = $(obj).attr('cccdata-field-id');
                $('.formSubItem_' + relatedObject).removeClass('hidden');
                if (!cms.cccApp.disableAnimateCSS) {
                    $('.formSubItem_' + relatedObject).addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
                        $(this).removeClass('animated fadeInUp');
                    });
                }
            });
            if (!cms.cccApp.disableAnimateCSS) {
                $(obj).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
                    $(obj).removeClass('animated fadeInUp');
                });
            }
            if ($(obj).find('.wysiwyg').length || $(obj).find('.cccForm').length) {
                $(obj).closest('.cccApp').trigger('cccApp', [function (thisApp) {
                    formSelect(thisApp);
                }]);
            }
            onChangeChecker($(obj).find('input[type=checkbox]'), 'checked', false, disableRemoveValue, parentObj);
            onChangeChecker($(obj).find('input[type=radio]'), 'checked', false, disableRemoveValue, parentObj);
            onChangeChecker($(obj).find('select'), 'selected', false, disableRemoveValue, parentObj);

            if (matrixItem.length) {
                $(matrixItem).closest('.cccApp').trigger('reloadLayout');
            }
            if (v == 0 && isChange) {
                waitForFinalEvent(function () {
                    $(obj).closest('.cccApp').trigger('cccApp', [function (thisApp) {
                        if (canDebug()) console.log('run noScroll');
//                        console.log($(obj).offset().top);
                        if (!('noScroll' in thisApp.settings)) {
                            if ($(obj).length && $(thisAppObj).find('.formItem_' + k).is(':visible')) {
                                $('html, body').stop(true).animate({
                                    scrollTop: $(obj).offset().top - $(obj).outerHeight() - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                                }, 500);
                            }
                        }
                    }]);
                }, 50, 'body-scroll');
            }
        });
    });

    $(thisAppObj).bind('formID_' + id + '.hide', function (e, callback) {
        var targetObjs = str.split(',');
        if (callback) callback(targetObjs);
    });
};

var fileCallback = function (data, thisApp) {
    var thisID = data['target'];
    var uploaderForm = $('#uploaderForm_' + thisID);
    var uploadInput = $('#uploadInput_' + thisID);
    if (data && data.status == 1) {
        if (canDebug()) console.log('data ==> ', data);
        uploaderForm
            .find('.uploadLabel')
            .trigger('uploadLabelReset')
            .trigger('uploadLabelUploadSuccess', [data['uid']]);
        if (canDebug()) console.log('fileCallback ====> ', uploadInput);
        if (canDebug()) console.log('fileCallback ====> ', uploaderForm);
        if (!uploadInput.closest('.formItem').hasClass('onChangeSave')) {
            uploadInput.val(data['uid']).trigger('change');
        } else {
            uploadInput.val(data['uid']).trigger('formSave');
        }
        thisApp.bindChangeEvent();
    } else {
        if (canDebug()) console.log(data, 'thisID', thisID);
        uploaderForm
            .find('.uploadLabel')
            .trigger('uploadLabelReset');
        var errMsg;
        if (data.status != 1) {
            errMsg = lang(data.message);
        }
        var errorID = cms.makeID();
        var showErrorList = function () {
            if (!thisApp.errorDisplay) {
                var key = Object.keys(thisApp.error)[0];
                if (typeof thisApp.error[key] == 'function') {
                    thisApp.error[key]();
                }
            }
        };

        thisApp.error[errorID] = function () {
            thisApp.errorDisplay = true;
            BootstrapDialog.confirm(1, 'info', ('msg' in data ? data.msg : (errMsg ? errMsg : 'ERROR UPLOAD')), data.filename, true, true, {
                'callback': function (result) {
                    if (result) {
                    } else {

                    }
                }
            }, [
                {
                    label: lang('Close'),
                    cssClass: 'btn-default',
                    action: function (dialog) {
                        typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                        dialog.close();
                    }
                }
            ], function (dialog) {

            }, function (dialog) {

            }, function (dialog) {
                if (canDebug()) console.log(data);
                if ('isAppend' in data) {
                    if (uploaderForm.closest('.uploadPlaceHolder').hasClass('autoRemove')) {
                        uploaderForm.closest('.matrixItem').find('.matrixRemove').triggerHandler('click', [true]);
                    }
                }
                if (canDebug()) console.log('onhide');

            }, function (dialog) {
                if (canDebug()) console.log('onhidden');

                delete thisApp.error[errorID];
                thisApp.errorDisplay = false;
                showErrorList();

            }, false, true);
        };
        showErrorList();

    }

    thisApp.checkPreloadList();
};

applicationInit = false;

cms.uploader = {
    check: function (thisApp) {
        var uploader = this;

        var callback = function (obj) {
            var thisID = 'uploader_' + cms.makeID();
            $(obj).attr('id', thisID);
            $(obj).addClass('initUploader');
            uploader.build(thisID, thisApp);
            if($(obj).closest(".matrixGroup").length){
                cms.cccInput.order($(obj).closest(".matrixGroup"), thisApp);
            }
        };
        $('.matrixItem').not('.coreTpl').find('.uploadPlaceHolder').not('.initUploader').each(function () {
            callback(this);
        });

        $('.uploadPlaceHolder').not('.initUploader').each(function () {
            if (!($(this).closest('.matrixItem').length > 0)) {
                callback(this);
            }
        });
    },
    build: function (thisID, thisApp) {
        var uploader = this;
        // not data
        var obj = $('#' + thisID);
        obj.find('.uploadForm').remove();
        var uploadForm = '';
        var strVar = '';
        var parentName = obj.attr('cccdata-parent-name');
        var readOnly = false;
        var isRequired = false;
        if (obj.attr('readonly')) {
            readOnly = true;
        }
        if (obj.attr('required')) {
            isRequired = true;
        }
        if (canDebug()) console.log(parentName);
        strVar += '<form class="uploadForm" id="uploaderForm_' + thisID + '" enctype="multipart\/form-data" onsubmit="return false;" method="POST">';
        strVar += '				<span class="fileUpload">';
        if (!readOnly) strVar += '<input type="file" class=\'fileUploadInput\' style=\'position: absolute;\' name="file_upload_file" title=\'' + lang('Click to upload a file.') + ' (' + obj.attr('cccdata-regex') + ')\'>';
        if (!readOnly) strVar += '<div class=\'fileUploadOverlayConfirm\'></div>';
        strVar += '<div class=\'fileUploadOverlayBtn\'>';
        if (!readOnly && !isRequired) strVar += '<div class=\'cccAppDeleteBtn\' title=\'' + lang('Click to delete this file.') + '\'><div class=\'cccFormIcon cccappicon-delete_circle\'></div></div>';
        strVar += '<div class=\'cccAppPreviewBtn\' title=\'' + lang('Click to preview this file.') + '\'><div class=\'cccFormIcon cccappicon-preview_circle\'></div></div>';
        if (!readOnly) strVar += '<div class=\'cccAppUploadBtn\' title=\'' + lang('Click to upload a file.') + ' (' + obj.attr('cccdata-regex') + ')\'><div class=\'cccFormIcon cccappicon-upload_circle\'></div></div>';
        strVar += '</div>';
        strVar += '<div class=\'fileUploadOverlay\'><div class=\'cccFormIcon cccappicon-upload\'></div><div class=\'cccFormIcon cccappicon-add_circle hidden\'></div><span class=\'uploadLabelText\'>' + lang('Select or Drop a file') + '<br>(' + obj.attr('cccdata-regex') + ')</span><span class=\'uploadLabelDragText hidden\'>' + lang('Drop file here to upload') + '<br>(' + obj.attr('cccdata-regex') + ')</span></div>';
        strVar += '<div class=\'uploadLabel\'></div>';
        strVar += '<\/span>';
        strVar += '<\/form>';
        strVar += '<input type="hidden" ' + (parentName ? ' cccdata-ref-name="' + parentName + '[%order%][' + obj.attr('cccdata-this-name') + ']" ' : ' name="' + obj.attr('cccdata-this-name') + '" ') + ' cccdata-single-name="' + obj.attr('cccdata-this-name') + '"  class="form-control marginTopBottom cccInput uploadInput" id="uploadInput_' + thisID + '" cccdata-regex="' + obj.attr('cccdata-regex') + '" cccdata-uploadertoken="' + obj.attr('cccdata-uploadertoken') + '" cccdata-thisid="' + thisID + '">';
        if (canDebug()) console.log('thisID', thisID);
        obj.append($(strVar));
        var allOverlayClasses = 'cccappicon-upload cccappicon-success_circle';
        var uploadBtn = $(obj).find('.cccAppUploadBtn');
        $(obj).find('.fileUploadInput').hover(
            function () {
                uploadBtn.addClass('active');
            },
            function () {
                uploadBtn.removeClass('active');
            }
        );

        var format = obj.attr('cccdata-regex').split(',');
        if (
            $.inArray('png', format) != -1 ||
            $.inArray('jpg', format) != -1 ||
            $.inArray('jpeg', format) != -1 ||
            $.inArray('gif', format) != -1
        ) {
            obj.addClass('tempImageHolder');
        }
        $(obj).find('.fileUploadOverlayConfirm').hover(
            function () {
                uploadBtn.addClass('active');
            },
            function () {
                $(obj).find('.fileUploadOverlayConfirm').removeClass('active');
            }
        );
        $(obj).find('.uploadLabel').bind('uploadLabelUploadConfirm', function (e, html, callback) {
            var dialog = $(obj).find('.fileUploadOverlayConfirm').html(html).addClass('active');
            if (callback) callback(dialog);
        });
        $(obj).find('.uploadLabel').bind('uploadLabelUploadSuccess', function (e, id) {
            $(obj)
                .find('.fileUploadOverlay')
                .addClass('upload-success')
                .find('.cccFormIcon')
                .first()
                .removeClass(allOverlayClasses)
                .addClass('cccappicon-success_circle');

            $(obj).find('.uploadLabelText').html('Uploaded');
            $(this)
                .html('<div class=\'previewHolder\' cccdata-file-id=\'' + id + '\'></div>')
                .addClass('btn-success');
            $(obj)
                .find('.fileUploadOverlayBtn')
                .addClass('active');
        });
        $(obj).find('.uploadLabel').bind('uploadLabelUploadLoading', function () {
            $(obj)
                .find('.fileUploadOverlayBtn')
                .removeClass('active');
            $(obj)
                .find('.fileUploadOverlay')
                .removeClass('upload-success')
                .find('.cccFormIcon')
                .removeClass(allOverlayClasses);

            $(obj).find('.uploadLabelText').html('Uploading... <span class=\'progress\'></span>');
            $(this).html('');
            $(this).addClass('btn-warning');
        });
        $(obj).find('.uploadLabel').bind('uploadLabelReset', function () {
            $(obj).find('.fileUploadOverlay').removeClass('upload-success').find('.cccFormIcon').removeClass(allOverlayClasses).addClass('cccappicon-upload');
            $(obj).find('.fileUploadOverlayBtn').removeClass('active');
            $(obj).find('.uploadLabelText').html(lang('Select or Drop a file') + '<br>(' + obj.attr('cccdata-regex') + ')');
            $(this)
                .html('')
                .css('background', '')
                .removeClass('btn-success backstretched btn-warning initResizer')
                .attr('cccdata-file-path', '')
                .attr('cccdata-type', '');
            var currentFile = $(this)
                .closest('.uploadPlaceHolder')
                .find('.uploadInput')
                .val();
            if (currentFile) {
                $(this).trigger('uploadLabelUploadSuccess', [currentFile]);
                thisApp.bindChangeEvent();
            }
        });

        $(obj).find('.cccAppDeleteBtn').unbind('click').bind('click', function (e) {
            var resetInput = function () {
                $(obj).closest('.uploadPlaceHolder').removeClass('initUploader').html('');
                cms.uploader.check(thisApp);
                cms.cccInput.order($(obj).closest('.matrixGroup'), thisApp, true);
                $(obj).find('.uploadInput').trigger('formSaveWithoutOnSave');
            };

            $(obj).find('.uploadLabel').trigger('uploadLabelUploadConfirm', [
                '<div class=\'cccAppCancelBtn\'><div class=\'cccFormIcon cccappicon-add_circle\'></div></div><div class=\'cccAppConfirmBtn\'><div class=\'cccFormIcon cccappicon-success_circle\'></div></div>',
                function (dialog) {
                    $(dialog).find('.cccAppCancelBtn').click(function () {
                        dialog.removeClass('active');
                    });
                    $(dialog).find('.cccAppConfirmBtn').click(function () {
                        cms.loadingDiv($(obj));
                        var currentFile = $(obj).find('.uploadInput').val();
                        if (currentFile) {
                            $.ajax({
                                type: 'POST',
                                headers: thisApp.headers({
                                    'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                                }),
                                data: {
                                    uids: [currentFile],
                                    h: $(thisApp.obj).find('#h').val()
                                },
                                dataType: 'json',
                                url: ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/uploader/remove/',
                                error: function (d) {
                                    dialog.removeClass('active');
                                    cms.removeLoadingDiv($(obj));
                                    resetInput();
                                },
                                success: function (d) {
                                    dialog.removeClass('active');
                                    cms.removeLoadingDiv($(obj));
                                    resetInput();
                                }
                            });
                        }
                    });
                }
            ]);

        });
        $(obj).find('.cccAppPreviewBtn').unbind('click').bind('click', function (e) {
            e.preventDefault();
            var v = $(obj).find('.uploadLabel');
            var data;

            switch ($(v).attr('cccdata-type')) {
                case 'image':
                    $.fancybox({
                        'type': 'image',
                        href: $(v).attr('cccdata-file-path') + '&org=1',
                        openEffect: 'elastic',
                        closeEffect: 'elastic',
                        helpers: {
                            overlay: {
                                locked: false
                            }
                        }
                    });
                    break;
                case 'music':
                    $.fancybox({
                        type: 'iframe',
                        href: cccframework_path + 'cccForm/preview/music/?mp3=' + encodeURIComponent($(v).attr('cccdata-file-path')),
                        openEffect: 'elastic',
                        closeEffect: 'elastic',
                        helpers: {
                            overlay: {
                                locked: false
                            }
                        }
                    });
                    break;
                case 'doc':
                    window.open($(v).attr('cccdata-file-path'));
                    break;
                default:
                    BootstrapDialog.confirm(1, 'info', lang('Preview not available'), '<div style=\'padding:15px\'>' + lang('Please upload a file.') + '</div>', true, true, {
                        'callback': function (result) {
                            if (result) {

                            } else {

                            }
                        }
                    }, [
                        {
                            label: lang('Close'),
                            cssClass: 'btn-default',
                            action: function (dialog) {
                                typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                                dialog.close();
                            }
                        }
                    ], function (dialog) {

                    }, function (dialog) {

                    }, function (dialog) {
                        if (canDebug()) console.log('onhide');

                    }, function (dialog) {
                        if (canDebug()) console.log('onhidden');
                    });
            }
        });
        uploader.bind(thisID, thisApp);
    },
    fileupload: function (thisApp, isMatrix, input, dropZone, refObj, thisID) {

        var fileSize = refObj.attr('cccdata-file-size');
        var regexData = '';
        var regex = '';
        if (refObj.attr('cccdata-regex')) {
            regexData = refObj.attr('cccdata-regex');
            if (!regexData) console.error('cccdata-ref-name not found.');
            if (regexData) regex = new RegExp('(\\.|\\/)(' + regexData.split(',').join('|') + ')$', 'i');
        }
        $(dropZone).bind('dragover', function () {
            $(this).addClass('dragenter');
        });
        $(dropZone).bind('dragleave', function () {
            $(this).removeClass('dragenter');
        });
        $(input).fileupload({
            url: ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/uploader/upload/',
            headers: thisApp.headers({
                'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
            }),
            dropZone: dropZone,
            formData: {
                target: (thisID ? thisID : ''),
                'uploader-token': refObj.attr('cccdata-uploader-token')
            },
            xhrFields: {
                withCredentials: true
            },
            limitConcurrentUploads: 5,
            messages: {
                maxNumberOfFiles: lang('Maximum number of files exceeded'),
                acceptFileTypes: lang('File type not allowed'),
                maxFileSize: lang('File is too large'),
                minFileSize: lang('File is too small')
            },
            dataType: 'json',
            autoUpload: true,
            acceptFileTypes: (regex ? regex : false),
            maxFileSize: fileSize ? parseInt(fileSize) : 1024 * 1024 * 10
        }).on('fileuploadadd', function (e, data) {
            $(dropZone).removeClass('dragenter');
            //console.log('fileuploadadd');
            if (isMatrix && $(e.currentTarget).closest('.matrixGroup').length > 0) {
                if (matrixChecking($(e.currentTarget).closest('.matrixGroup'))) return false;
            }
            if (!data.files[0].id) {
                data.files[0].id = cms.makeID();
            }
            var id = data.files[0].id;
            if (isMatrix && $(e.currentTarget).closest('.matrixGroup').length > 0) {
                var callback = function (obj) {
                    var input = $(obj).find('*[cccdata-single-name=\'' + $(e.currentTarget).attr('cccdata-ref-name') + '\']');
                    //console.log('id1', id, input);
                    $(input).closest('.uploadPlaceHolder')
                        .attr('cccdata-file-upload-ref', id)
                        .find('.uploadLabel')
                        .trigger('uploadLabelReset')
                        .trigger('uploadLabelUploadLoading');
                };
                $(e.currentTarget).closest('.matrixGroup').trigger('matrixItem.add', [callback]);
            } else if (!isMatrix) {
                var input = $('#uploaderForm_' + thisID).find('input[type=\'file\']');
                $(input)
                    .closest('.uploadPlaceHolder')
                    .attr('cccdata-file-upload-ref', id)
                    .find('.uploadLabel')
                    .trigger('uploadLabelReset')
                    .trigger('uploadLabelUploadLoading');
            }
        }).on('fileuploadprocessalways', function (e, data) {
            //console.log('fileuploadprocessalways');
            var file = data.files[0],
                id = file.id;
            var input = $('[cccdata-file-upload-ref=\'' + id + '\']').find('input.cccInput');
            if (data.files[0].error) {
                fileCallback({
                    status: -1,
                    msg: file.error,
                    filename: file.name,
                    target: $(input).attr('cccdata-thisid'),
                    isAppend: true
                }, thisApp);
            }

        }).on('fileuploadprogress', function (e, data, file) {
            //console.log('fileuploadprogress');
            var id = data.files[0].id;
            var input = $('[cccdata-file-upload-ref=\'' + id + '\']').find('input.cccInput');
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $(input).closest('.uploadPlaceHolder').find('.progress').text(progress + '%');

        }).on('fileuploaddone', function (e, data) {
            //console.log('fileuploaddone');
            var id = data.files[0].id;
            var input = $('[cccdata-file-upload-ref=\'' + id + '\']').find('input.cccInput');
            if (data._response.result && data._response.result.status == 1) {
                var currentFile = $(refObj).find('.uploadInput').val();
                if (currentFile) {
                    $.ajax({
                        type: 'POST',
                        headers: thisApp.headers({
                            'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                        }),
                        data: {
                            uids: [currentFile],
                            h: $(thisApp.obj).find('#h').val()
                        },
                        dataType: 'json',
                        url: ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/uploader/remove/',
                        success: function (d) {
                            var thisID = data._response.result['target'];
                            $('#uploadInput_' + thisID).val('').trigger('formSaveWithoutOnSave');
                            fileCallback(data._response.result, thisApp);
                        }
                    });
                } else {
                    var uploadLabel = $('#uploaderForm_' + $(input).attr('cccdata-thisid')).find('.uploadLabel');
                    uploadLabel
                        .trigger('uploadLabelReset')
                        .trigger('uploadLabelUploadLoading');
                    data._response.result['target'] = $(input).attr('cccdata-thisid');
                    data._response.result['isAppend'] = true;
                    fileCallback(data._response.result, thisApp);
                }
            } else {
                fileCallback({
                    status: -1,
                    msg: data._response.result.message,
                    filename: data._response.result.filename,
                    target: $(input).attr('cccdata-thisid')
                }, thisApp);
            }

        }).on('fileuploadfail', function (e, data) {
            //console.log('fileuploadfail');
        }).prop('disabled', !$.support.fileInput)
            .parent().addClass($.support.fileInput ? undefined : 'disabled');

    },
    bind: function (thisID, thisApp) {
        var input = $('#uploaderForm_' + thisID).find('input[type=\'file\']');
        var uploadPlaceHolder = $(input).closest('.uploadPlaceHolder');
        cms.uploader.fileupload(thisApp, false, input, uploadPlaceHolder, uploadPlaceHolder, thisID);
    }
};

var matrixChecking = function ($this, addRowChecking, isFirstInit, checkVaild) {
    var isVaild = false;
    var isReachLimit = false;
    var min = $($this).attr('cccdata-min-item');
    var max = $($this).attr('cccdata-max-item');
    var defaultItem = $($this).attr('cccdata-default-item');
    var notTPL = $($this).find('.matrixItem').not('.coreTpl');
    var currentItem = notTPL.length;
    if (!isFirstInit || currentItem > 0) defaultItem = 0;
    notTPL.find('.matrixRemove').removeClass('halfOpacity');
    notTPL.find('.matrixItem').removeClass('matrixRequired');

    if (canDebug()) console.log('matrixValue', currentItem, min, max);
    if (canDebug()) console.log('matrixChecking', (min && currentItem <= min && max && currentItem >= max), (!max && min && currentItem >= min), (!min && max && currentItem <= max));
    if (
        (min && max && currentItem >= min && currentItem <= max) ||
        (!max && min && currentItem >= min) ||
        (!min && max && currentItem <= max) ||
        (!min && !max)

    ) {
        isVaild = true;
    }

    if ((min && currentItem < min) || (defaultItem && currentItem < defaultItem)) {
        if (addRowChecking) {
            var addRow = (defaultItem > min ? defaultItem : min) - currentItem;
            if (canDebug()) console.log(isFirstInit, addRow, $this);
            if ($($this).hasClass('showMin') && addRow) {
                for (var i = 0; i < addRow; i++) {
                    if ($($this).find('.matrixItem').length > addRow) {
                        break;
                    }
                    $($this).trigger('matrixItem.add', [false, true]);

                }
            }
        }
        $($this).find('.matrixAdd').removeClass('hidden');
        $($this).find('.matrixAddGroup').removeClass('hidden');

    } else if (max && currentItem >= max) {
        isReachLimit = true;
        $($this).find('.matrixAdd').addClass('hidden');
        $($this).find('.matrixAddGroup').addClass('hidden');
    } else {
        $($this).find('.matrixAdd').removeClass('hidden');
        $($this).find('.matrixAddGroup').removeClass('hidden');
    }
    if (currentItem <= min) {
        //.addClass("matrixRequired")
        $($this).find('.matrixItem').not('.coreTpl').filter(':lt(' + min + ')').find('.matrixRemove').addClass('halfOpacity');
    }

    return (checkVaild ? isVaild : isReachLimit);
};
var matrixSetCount = function ($this, count) {
    var isReachLimit = false;
    var min = count;
    var defaultItem = $($this).attr('cccdata-default-item');
    var notTPL = $($this).find('.matrixItem').not('.coreTpl');
    var currentItem = notTPL.length;

    if (currentItem < min) {
        var addRow = min - currentItem;
        if (addRow) {
            for (var i = 0; i < addRow; i++) {
                $($this).trigger('matrixItem.add', [false, true]);
            }
        }
    } else if (currentItem > min) {

        var addRow = currentItem - min;
        if (addRow) {
            for (var i = 0; i < addRow; i++) {
                notTPL.eq(notTPL.length - (i + 1)).trigger('matrixItem.remove', [true]);
            }
        }
    }
    return true;
};

cms.cccInput = {
    order: function (targetObj, thisApp, isAutoSave) {
        var groupData = $(thisApp.obj).find(targetObj);
        if (!targetObj) groupData = $(thisApp.obj).find('.matrixGroup');
        if (canDebug()) console.log(groupData);
        var deleteAction = function (e, mustDel) {
            if ($(this).hasClass('halfOpacity') && !mustDel) return;
            //handle remove file
            //uids

            var $this = this;
            var delCallback = function () {
                var removeItems = [];
                $($this).closest('.matrixItem').find('.uploadInput').each(function (k, v) {
                    if ($(v).val()) removeItems.push($(v).val());
                });

                var group = $($this).closest('.matrixGroup');

                var removeCallback = function () {
                    var group = $($this).closest('.matrixGroup');
                    group.unbind('reOrder.item_' + $($this).closest('.matrixItem').attr('cccdata-matrixItem-id'));
                    $($this).closest('.matrixItem').remove();
                    $(groupData).trigger('reOrder');
                    cms.cccInput.order(group, thisApp);
                    if (group.closest('.formItem').hasClass('matrix-error')) {
                        formChecking(thisApp, group);
                    }
                    $(thisApp.obj).trigger('formSaveWithoutOnSave');
                };
                if (removeItems.length > 0) {
                    $.each($($this).closest('.matrixItem'), function () {
                        cms.loadingDiv($(this));
                    });
                    $.ajax({
                        type: 'POST',
                        headers: thisApp.headers({
                            'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                        }),
                        data: {
                            uids: removeItems,
                            h: $(thisApp.obj).find('#h').val()
                        },
                        dataType: 'json',
                        url: ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/uploader/remove/',
                        success: function (data) {
                            if (data) {
                                if (data['status'] > 0) {
                                    if (canDebug()) console.log(data);
                                    if (canDebug()) console.log($this);
                                    removeCallback();
                                } else {

                                }
                                if ($(group).closest('.modal-body.autoSaveModal').length > 0 && !$(group).closest('.formItem').hasClass('disableAutoSave')) {
                                    autoSave(thisApp, true);
                                }
                            }

                            $.each($($this).closest('.matrixItem'), function () {
                                cms.removeLoadingDiv($(this));
                            });
                        }
                    });
                } else {
                    removeCallback();
                    if ($(group).closest('.modal-body.autoSaveModal').length > 0 && !$(group).closest('.formItem').hasClass('disableAutoSave')) {
                        autoSave(thisApp, true);
                    }
                }
            };

            if (mustDel) {
                delCallback();
            } else {

                BootstrapDialog.confirm(1, 'info', lang('Delete item'), '<div style=\'padding:15px\'>' + lang('Confirm to delete this item?') + '</div>', true, true, {
                    'callback': function (result) {
                        if (result) {

                            delCallback();
                        } else {

                        }
                    }
                }, [
                    {
                        label: lang('Delete'),
                        cssClass: 'btn-warning',
                        action: function (dialog) {
                            typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(true);
                            dialog.close();
                        }
                    },
                    {
                        label: lang('Close'),
                        cssClass: 'btn-default',
                        action: function (dialog) {
                            typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                            dialog.close();
                        }
                    }
                ], function (dialog) {

                }, function (dialog) {
//
                }, function (dialog) {
                    if (canDebug()) console.log('onhide');

                }, function (dialog) {
                    if (canDebug()) console.log('onhidden');
                });
            }
        };
        var arrowTopAction = function (e, mustDel) {
            console.log('arrowTopAction Start');
            var $this = this;
            var group = $($this).closest(".matrixGroup");
            var currentEle = $($this).closest(".matrixItem");
            var beforeEle = currentEle.prev();
            if (group.children('.matrixItem').index(currentEle) === 1) {
                return false;
            } else {
                currentEle.find(".wysiwyged").each(function () {
                    tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'))
                });
                var height = currentEle.height();
                group.find(".matrix-highlight").height(height);
                currentEle.insertBefore(beforeEle);
                currentEle.find(".wysiwyged").each(function () {
                    tinymce.execCommand('mceAddEditor', false, $(this).attr('id'));
                });
                if ('refHeight' in window) {
                    refHeight()
                }
                group.sortable("refresh");
                $(groupData).trigger("reOrder");
                cms.cccInput.order(group, thisApp);
                if (group.closest(".formItem").hasClass("matrix-error")) {
                    formChecking(thisApp, group);
                }
                if ($(group).closest(".modal-body.autoSaveModal").length > 0 && !$(group).closest(".formitem").hasClass("disableAutoSave")) {
                    autoSave(thisApp, true);
                }
            }
        };
        var arrowDownAction = function (e, mustDel) {
            console.log('arrowDownAction Start');
            var $this = this;
            var group = $($this).closest(".matrixGroup");
            var currentEle = $($this).closest(".matrixItem");
            var nextEle = currentEle.next();
            if (group.children('.matrixItem').index(currentEle) === group.children('.matrixItem').length - 1) {
                return false;
            } else {
                currentEle.find(".wysiwyged").each(function () {
                    tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'))
                });
                var height = currentEle.height();
                group.find(".matrix-highlight").height(height);
                currentEle.insertAfter(nextEle);
                currentEle.find(".wysiwyged").each(function () {
                    tinymce.execCommand('mceAddEditor', false, $(this).attr('id'));
                });
                if ('refHeight' in window) {
                    refHeight()
                }
                group.sortable("refresh");
                $(groupData).trigger("reOrder");
                cms.cccInput.order(group, thisApp);
                if (group.closest(".formItem").hasClass("matrix-error")) {
                    formChecking(thisApp, group);
                }
                if ($(group).closest(".modal-body.autoSaveModal").length > 0 && !$(group).closest(".formitem").hasClass("disableAutoSave")) {
                    autoSave(thisApp, true);
                }
            }
        };
        $.each(groupData, function (k, obj) {
            if (canDebug()) console.log(obj, $(obj).find('.matrixItemClear'));
            $(obj).find('.matrixItemClear').addClass('cccInput');
            $(obj).find('.matrixItem').not('.coreTpl').unbind('matrixItem.remove').bind('matrixItem.remove', deleteAction).each(function (k, v) {
                var thisID = cms.makeID();
                $(v).find('.checkbox-radio').find('input').not('.ided').each(function () {
                    $(this).attr('name', $(this).attr('name') + '_' + thisID);
                    var labelID = $(this).attr('id') + '_' + cms.makeID();
                    $(this).attr('id', labelID);
                    $(this).next('label').attr('for', labelID);
                    $(this).addClass('ided');
                });
                $(v).find('*[cccdata-ref-name]').each(function () {
                    $(this).attr('name', ($(this).attr('cccdata-ref-name')).replace('%order%', k));
                    if (!$(this).hasClass('uploadInput')) {
                        if (!$(this).hasClass('initID')) {
                            $(this).addClass('initID');
                            $(this).attr('id', cms.makeID());
                        }
                    }
                });
                $(obj).find('.matrixItemClear').removeClass('cccInput');
            });

            if ($(obj).find('.matrixItem').not('.coreTpl').length == 0) {
//                console.log($(obj), $(obj).find(".matrixReset"));
                $(obj).find('.matrixReset').addClass('cccInput');
            }
        });
        $(thisApp.obj).find('.matrixRemove').unbind('click.matrixRemove').bind('click.matrixRemove', deleteAction);
        $(thisApp.obj).find(".matrixUpper").unbind("click.matrixUpper").bind("click.matrixUpper", arrowTopAction);
        $(thisApp.obj).find(".matrixLower").unbind("click.matrixLower").bind("click.matrixLower", arrowDownAction);
        if (thisApp.applicationInit && isAutoSave) $(groupData).first().trigger('formSave');
        thisApp.bindChangeEvent();
    }
};

function bindCCCFormIframe(thisApp) {
    $(thisApp.obj).find('.cccapp-form-builder:visible').not('.binded').each(function () {
        if (!$(this).closest('.coreTpl').length && ($(this).closest('.tab-pane').length === 0 || ($(this).closest('.tab-pane').length && $(this).closest('.tab-pane').hasClass('active'))) && !$(this).closest('.formItem').hasClass('hidden')) {
            var id = cms.makeID();
            $(this).attr('id', id);
            $(this).siblings('.cccForm').attr('id', 'textarea_' + id);
            $(this).addClass('binded').on('load', function () {
                $(this).get(0).contentWindow.postMessage(getFormBuilderData($(this).attr('id')), '*');
                var iframe = $(this);
                $(this).siblings('.cccForm').addClass('postMessaged');
                $(this).next().unbind('click.form-builder-add-section').bind('click.form-builder-add-section', function () {
                    iframe.get(0).contentWindow.postMessage('form-builder-add-section', '*');
                });
            }).attr('src', cccframework_path + 'cccForm/form-builder/iframe/?' + ($(this).hasClass('layoutbuilder') ? 'mode=layout&' : '') + ($(this).hasClass('tablebuilder') ? 'mode=table&' : '') + 'callback=' + id + '&lang=' + $(this).attr('lang') + '&client_id=' + $(this).attr('client-id')).load();
            // }).attr('src', 'http://localhost:4300/?' + ($(this).hasClass('layoutbuilder') ? 'mode=layout&' : '') + ($(this).hasClass('tablebuilder') ? 'mode=table&' : '') + 'callback=' + id + '&lang=' + $(this).attr('lang') + '&client_id=' + $(this).attr('client-id')).load()
        }
    });
}

var eventMethod = window.addEventListener ? 'addEventListener' : 'attachEvent';
var eventer = window[eventMethod];
var messageEvent = eventMethod == 'attachEvent' ? 'onmessage' : 'message';
eventer(messageEvent, function (e) {
    if (typeof e.data == 'object') {
        $.each(e.data, function (k, v) {
            if (k == 'set-form-builder-height') {
                $('#' + e.data['callbackID']).height(v);
            }
            if (k == 'set-form-builder-data') {
                setFormBuilderData(e.data['callbackID'], v);
            }
        });
    }
}, false);
cms.grecaptcha = {};
cms.cccApp = {
    decodeData: function (data, recursive) {
        var prefix = 'JSON::';
        if (typeof data === 'string' && data.indexOf(prefix) === 0) {
            data = data.substr(prefix.length);
            data = $.parseJSON(data);
            data = cms.cccApp.decodeData(data, recursive);
        }
        if (recursive) {
            if (data instanceof Array) {
                var newData = [];
                $.each(data, function (k, v) {
                    newData.push(cms.cccApp.decodeData(v, recursive));
                });
                data = newData;
            } else if (data instanceof Object) {
                var newData = {};
                $.each(data, function (k, v) {
                    newData[k] = cms.cccApp.decodeData(v, recursive);
                });
                data = newData;
            }
        }
        return data;
    },
    error: function (thisApp, str) {
        var obj = thisApp;
        if ('obj' in thisApp) {
            obj = $(thisApp.obj);
        }
        $(obj).find('.notyError').noty({
            text: htmlEntities(str),
            type: 'error',
            animation: {
                open: {height: 'toggle'}, // jQuery animate function property object
                close: {height: 'toggle'}, // jQuery animate function property object
                easing: 'swing', // easing
                speed: 100 // opening & closing animation speed
            },
            theme: 'relax'
        });
    },
    disableAnimateCSS: false,
    isMobile: function () {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
    },
    init: function (targetTagAPI, obj, uid, ref_id, initCallback, onDestory, onRecordCreate) {
        var isLocalStorage, dialog, localData, onSave, onSectionChange, onSectionChangeError, onDataLoadError,
            onFieldChange,
            onHeaders, onVersions, onReplaceUid, onSubmitApproval, disableInitPreloadImages = false, delaySave = true,
            openClipboard = function () {
            };
        if (targetTagAPI && typeof targetTagAPI == 'object') {

            isLocalStorage = targetTagAPI['isLocalStorage'];
            dialog = targetTagAPI['dialog'];
            localData = targetTagAPI['data'];
            obj = targetTagAPI['obj'];
            uid = targetTagAPI['uid'];
            ref_id = targetTagAPI['ref_id'];
            if ('disableInitPreloadImages' in targetTagAPI) disableInitPreloadImages = targetTagAPI['disableInitPreloadImages'];
            if ('delaySave' in targetTagAPI) delaySave = targetTagAPI['delaySave'];

            if ('on' in targetTagAPI) {
                if ('init' in targetTagAPI['on']) initCallback = targetTagAPI['on']['init'];
                if ('destory' in targetTagAPI['on']) onDestory = targetTagAPI['on']['destory'];
                if ('recordCreate' in targetTagAPI['on']) onRecordCreate = targetTagAPI['on']['recordCreate'];
                if ('save' in targetTagAPI['on']) onSave = targetTagAPI['on']['save'];
                if ('sectionChange' in targetTagAPI['on']) onSectionChange = targetTagAPI['on']['sectionChange'];
                if ('sectionChangeError' in targetTagAPI['on']) onSectionChangeError = targetTagAPI['on']['sectionChangeError'];
                if ('fieldChange' in targetTagAPI['on']) onFieldChange = targetTagAPI['on']['fieldChange'];
                if ('dataLoadError' in targetTagAPI['on']) onDataLoadError = targetTagAPI['on']['dataLoadError'];
                if ('headers' in targetTagAPI['on']) onHeaders = targetTagAPI['on']['headers'];
                if ('versions' in targetTagAPI['on']) onVersions = targetTagAPI['on']['versions'];
                if ('replaceUid' in targetTagAPI['on']) onReplaceUid = targetTagAPI['on']['replaceUid'];
                if ('submitApproval' in targetTagAPI['on']) onSubmitApproval = targetTagAPI['on']['submitApproval'];
            }

            if ('openClipboard' in targetTagAPI) openClipboard = targetTagAPI['openClipboard'];
            targetTagAPI = targetTagAPI['apiTarget'];
        }

        var key = cms.makeID();
        var thisApp = this.app();
        this.store[key] = thisApp;
        var $this = this;
        thisApp.destroy = function () {
            $(thisApp.obj).find('.wysiwyged').each(function () {
                try {
                    tinymce.execCommand('mceRemoveControl', true, $(this).attr('id'));
                } catch (e) {

                }
            });
            // $(thisApp.obj).unbind();
            // $(thisApp.obj).find('*').unbind();
            $(window).off('resize.cccAppResizer_' + thisApp.appID);
            delete $this.store[key];
        };
        thisApp.uniqueId = key;
        thisApp.openClipboard = openClipboard;
        thisApp.delaySave = delaySave;
        thisApp.autoSaveDelay = {};
        thisApp.isLocalStorage = isLocalStorage;
        thisApp.root = local_url;
        thisApp.appID = $(obj).attr('cccdata-cccapp-id');
        thisApp.api = targetTagAPI;
        thisApp.dialog = dialog;
        thisApp.disableInitPreloadImages = disableInitPreloadImages;
        if (targetTagAPI) {
            var paths = targetTagAPI.split('|');
            if ('0' in paths && '1' in paths) {
                if (paths[0]) thisApp.root = paths[0];
                if (paths[1]) thisApp.api = paths[1];
            }
        }
        thisApp.ref_id = ref_id;
        thisApp.obj = obj;
        var settings = {};
        if ($(obj).find('.cccAppSettings').length) {
            settings = $.parseJSON($(obj).find('.cccAppSettings').val());
        }
        if (canDebug()) console.log('settings', settings);
        if (settings.isLocalStorage) {
            thisApp.isLocalStorage = settings.isLocalStorage;
        }
        thisApp.settings = settings;
        thisApp.onSave = onSave;
        thisApp.onSectionChange = onSectionChange;
        thisApp.onSectionChangeError = onSectionChangeError;
        thisApp.onFieldChange = onFieldChange;
        thisApp.onDataLoadError = onDataLoadError;
        thisApp.onHeaders = onHeaders;
        thisApp.onVersions = onVersions;
        thisApp.onReplaceUid = onReplaceUid;
        thisApp.onSubmitApproval = onSubmitApproval;
        thisApp.onDestory = onDestory;
        thisApp.onRecordCreate = onRecordCreate;
        thisApp.isFieldChanged = false;
        // bindCCCFormIframe(thisApp);
        $(thisApp.obj).find('.formPrevBtn').click(function () {
            var cccApp = $(this).closest('.cccApp');
            var finalCallback = function () {
                var currentIndex = $(thisApp.obj).find('.tab-pane').index($(thisApp.obj).find('.tab-pane').filter('.active'));
                var prevIndex = false;
                if ((currentIndex - 1) > 0) {
                    prevIndex = (currentIndex - 1);
                } else {
                    prevIndex = 0;
                }
                $(thisApp.obj).find('.tab-pane').removeClass('in active');
                $(thisApp.obj).find('.tab-pane').eq(prevIndex).addClass('in active');
                var data = {
                    index: prevIndex,
                    id: $(thisApp.obj).find('.tab-pane').eq(prevIndex).attr('id'),
                    trigger: 'prev'
                };
                if (thisApp.onSectionChange) {
                    thisApp.onSectionChange(data);
                }
                cccApp.trigger('reloadLayout');
            };
            $(cccApp).trigger('checkFormSectionSave', [finalCallback, thisApp.onSectionChangeError, $(this)]);
        });
        $(thisApp.obj).find('.formNextBtn').click(function () {
            var cccApp = $(this).closest('.cccApp');
            var data = {};
            data['bind_data'] = $(this).data();
            var finalCallback = function () {
                var currentIndex = $(thisApp.obj).find('.tab-pane').index($(thisApp.obj).find('.tab-pane').filter('.active'));
                var total = $(thisApp.obj).find('.tab-pane').length;
                var nextIndex = false;
                if ((currentIndex + 1) >= total) {
                    nextIndex = currentIndex;
                } else {
                    nextIndex = currentIndex + 1;
                }
                $(thisApp.obj).find('.tab-pane').removeClass('in active');
                $(thisApp.obj).find('.tab-pane').eq(nextIndex).addClass('in active');
                var data = {
                    index: nextIndex,
                    id: $(thisApp.obj).find('.tab-pane').eq(nextIndex).attr('id'),
                    trigger: $(this).hasClass('lastBtn') ? 'last' : 'next'
                };
                if (thisApp.onSectionChange) {
                    thisApp.onSectionChange(data);
                }
                cccApp.trigger('reloadLayout');
            };
            $(cccApp).trigger('checkFormSectionSave', [finalCallback.bind(this), thisApp.onSectionChangeError, $(this), data]);
        });
        $(thisApp.obj).find('.cccform-checker').each(function () {
            var classes = $(this).attr('class');
            classes = classes.split(' ');
            var parentID = '';
            var toggleIDs = [];
            $.each(classes, function (k, v) {
                var type = v.split('_');
                if ((1 in type || '1' in type) && type[1]) {
                    if (type[0] == 'parent') {
                        parentID = type[1];
                    }
                    if (type[0] == 'toggle') {
                        toggleIDs.push(type[1]);
                    }
                }
            });
            scheduleChecker(thisApp.appID, parentID, toggleIDs.join(','), $(this).attr('mode'));
            $(this).remove();
        });
        thisApp.setID(uid);
        thisApp.setData(localData);
        thisApp.loadApplication(function (data) {
            $(obj).removeClass('cccLoading');
            if (initCallback) initCallback(thisApp, data);

            if ($(thisApp.obj).hasClass('isPreviewApp')) {
                $(thisApp.obj).find('.uploadPlaceHolder').find('input').remove();
                // console.log($(thisApp.obj).find(".cccInput"));
                $(thisApp.obj).find('.cccInput,.cccInputReadOnly').each(function (k, v) {
                    var str = $(v).val();

                    if ($(v).hasClass('isRadio')) {
                        //console.log(obj);
                        str = $(v).closest('.radioGroup').find('input[type=\'radio\']').filter('[value=\'' + str + '\']').attr('cccdata-label');
                        var input = $('<div class=\'col-lg-12 form-control input-lg previewInput\'>' + htmlEntities(str) + '</div>');
                        $(this).closest('.radioGroup').replaceWith(input);
                    } else if ($(v).hasClass('isCheckbox')) {
                        var values = str.replace(/\|\|\|/g, '').split('||');
                        str = [];

                        $.each(values, function (k, singleValue) {
                            str.push($(v).closest('.checkboxGroup').find('input[type=\'checkbox\']').filter('[value=\'' + singleValue + '\']').attr('cccdata-label'));
                        });

                        var input = $('<div class=\'col-lg-12 form-control input-lg previewInput\'>' + htmlEntities(str.join(',')) + '</div>');

                        $(this).closest('.checkboxGroup').replaceWith(input);
                    } else if ($(v).hasClass('isToggle') || $(v).hasClass('isSelect')) {

                        var finalValue = '';
                        if ($(v).hasClass('isSelect')) {
                            finalValue = $(this).closest('.selectGroup').find('option[value=\'' + $(this).val() + '\']').text();
                        } else {
                            if ($(this).val() == 'On') {
                                finalValue = $(this).closest('.selectGroup').find('option[value=\'On\']').text();
                            } else if ($(this).val() == 'Off') {
                                finalValue = $(this).closest('.selectGroup').find('option[value=\'Off\']').text();
                            }
                        }

                        var input = $('<div class=\'col-lg-12 form-control input-lg previewInput\' style=\'height:auto !important;\'>' + htmlEntities((finalValue ? finalValue : '-')) + '</div>');
                        $(this).replaceWith(input);

                    } else {
                        var input = $('<div style=\'' + ($(this).is('textarea') ? 'height:auto !important;' : '') + '\' class=\'col-lg-12 form-control input-lg previewInput\'>' + htmlEntities(($(this).val() ? $(this).val() : '-')) + '</div>');
                        $(this).replaceWith(input);

                    }

                });

                $(thisApp.obj).find('[type=checkbox]').parent().remove();
                $(thisApp.obj).find('iframe,.cccFormBtn,.fileUploadOverlay,[type=file],[type=radio],.bootstrap-select,.matrixBtn,.toggleLabel,.switchy-container').remove();

                $('.isPreviewApp').animate({
                    'opacity': 1
                }, 500).addClass('isPreviewAppInit');
            }
            $(window).triggerHandler('resize');
            $(thisApp.obj).change(function () {
                thisApp.isFieldChanged = true;
                if (thisApp.onFieldChange) {
                    thisApp.onFieldChange(thisApp.isFieldChanged);
                }

            });
            $(thisApp.obj).find('.tab-pane').each(function () {
                var mutationObserver = new MutationObserver(function (mutationsList, observer) {
                    waitForFinalEvent(function () {
                        bindCCCFormIframe(thisApp);
                    }, 50, 'tab-pane' + thisApp.id);
                });
                mutationObserver.observe($(this).get(0), {attributes: true});
            });

        });
        return thisApp;
    },
    Base64: {
        _keyStr: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=', encode: function (e) {
            try {
                if(window.btoa){
                    return btoa(e);
                }
            } catch(e) {

            }
            var t = '';
            var n, r, i, s, o, u, a;
            var f = 0;
            e = this._utf8_encode(e);
            while (f < e.length) {
                n = e.charCodeAt(f++);
                r = e.charCodeAt(f++);
                i = e.charCodeAt(f++);
                s = n >> 2;
                o = (n & 3) << 4 | r >> 4;
                u = (r & 15) << 2 | i >> 6;
                a = i & 63;
                if (isNaN(r)) {
                    u = a = 64;
                } else if (isNaN(i)) {
                    a = 64;
                }
                t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a);
            }
            return t;
        }, decode: function (e) {
            try {
                if(window.atob){
                    return atob(e);
                }
            } catch(e) {

            }
            var t = '';
            var n, r, i;
            var s, o, u, a;
            var f = 0;
            e = e.replace(/[^A-Za-z0-9+/=]/g, '');
            while (f < e.length) {
                s = this._keyStr.indexOf(e.charAt(f++));
                o = this._keyStr.indexOf(e.charAt(f++));
                u = this._keyStr.indexOf(e.charAt(f++));
                a = this._keyStr.indexOf(e.charAt(f++));
                n = s << 2 | o >> 4;
                r = (o & 15) << 4 | u >> 2;
                i = (u & 3) << 6 | a;
                t = t + String.fromCharCode(n);
                if (u != 64) {
                    t = t + String.fromCharCode(r);
                }
                if (a != 64) {
                    t = t + String.fromCharCode(i);
                }
            }
            t = this._utf8_decode(t);
            return t;
        }, _utf8_encode: function (e) {
            e = e.replace(/rn/g, 'n');
            var t = '';
            for (var n = 0; n < e.length; n++) {
                var r = e.charCodeAt(n);
                if (r < 128) {
                    t += String.fromCharCode(r);
                } else if (r > 127 && r < 2048) {
                    t += String.fromCharCode(r >> 6 | 192);
                    t += String.fromCharCode(r & 63 | 128);
                } else {
                    t += String.fromCharCode(r >> 12 | 224);
                    t += String.fromCharCode(r >> 6 & 63 | 128);
                    t += String.fromCharCode(r & 63 | 128);
                }
            }
            return t;
        }, _utf8_decode: function (e) {
            var t = '';
            var n = 0;
            var r = c1 = c2 = 0;
            while (n < e.length) {
                r = e.charCodeAt(n);
                if (r < 128) {
                    t += String.fromCharCode(r);
                    n++;
                } else if (r > 191 && r < 224) {
                    c2 = e.charCodeAt(n + 1);
                    t += String.fromCharCode((r & 31) << 6 | c2 & 63);
                    n += 2;
                } else {
                    c2 = e.charCodeAt(n + 1);
                    c3 = e.charCodeAt(n + 2);
                    t += String.fromCharCode((r & 15) << 12 | (c2 & 63) << 6 | c3 & 63);
                    n += 3;
                }
            }
            return t;
        }
    },
    app: function () {
        return {
            getSections: function () {
                var sections = [];
                $(this.obj).find('.tab-pane').each(function () {
                    sections.push({
                        id: $(this).attr('id'),
                        title: $(this).find('.cccSectionTitle').attr('title')
                    });
                });
                return sections;
            },
            goToSection: function (index) {
                var id = false;
                if (index in this.getSections()) {
                    id = this.getSections()[index]['id'];
                }
                $(this.obj).prev().prev().find('.cccTabs a').removeClass('active').eq(index).addClass('active');
                $(this.obj).find('.tab-pane').removeClass('in active');
                $(this.obj).find('.tab-pane#' + id).addClass('in active');
            },
            switchSection: function (id) {
                $(this.obj).find('.tab-pane').removeClass('in active');
                $(this.obj).find('.tab-pane#' + id).addClass('in active');
            },
            getInput: function (name) {
                return $(this.obj).find('[cccdata-ref-cccapp-id=\'' + name + '\']');
            },
            isRestFulAPI: function () {
                return 'restful-api' in this.settings && this.settings['restful-api'];
            },
            enableResetOnToggle: function () {
                this.settings['disable-reset-on-toggle'] = false;
            },
            disableResetOnToggle: function () {
                this.settings['disable-reset-on-toggle'] = true;
            },
            isDisableResetOnToggle: function () {
                return 'disable-reset-on-toggle' in this.settings && this.settings['disable-reset-on-toggle'];
            },
            headers: function (headers) {
                if (typeof this.onHeaders === 'function') {
                    return this.onHeaders(headers);
                }
                return headers;
            },
            error: {},
            isLocalStorage: false,
            localData: false,
            formData: {},
            saveConnection: false,
            saveConnectionTimer: false,
            saveConnectionQueue: [],
            errorDisplay: false,
            applicationInit: false,
            disableBinding: false,
            root: false,
            obj: false,
            id: false,
            production_id: false,
            locked: false,
            workflow_token: false,
            settings: false,
            api: false,
            Base64: {
                encode: function (e) {
                    return cms.cccApp.Base64.encode(e);
                }, decode: function (e) {
                    return cms.cccApp.Base64.decode(e);
                }
            },
            getFormData: function (needRetrun) {
                autoSave(this, true);
                var isFalse = autoSave(this, false, function () {
                }, false, function () {
                });
                if (!isFalse && needRetrun) {
                    return false;
                } else {
                    return this.formData;
                }
            },
            save: function (data) {
                return autoSave(this, false, function () {
                }, false, function () {
                }, data);
            },
            setFormData: function (data) {
                this.formData = data;
            },
            getData: function () {
                return this.localData;
            },
            setData: function (data) {
                this.localData = data;
            },
            getID: function () {
                return this.id;
            },
            getLocked: function () {
                return this.locked;
            },
            getWorkflow: function () {
                return this.workflow_token;
            },
            setWorkflow: function (workflow) {
                if (typeof workflow === 'object' && workflow.length) {
                    this.workflow_token = workflow;
                }
            },
            setLocked: function () {
                this.locked = true;
            },
            setID: function (uid) {
                var id = this.id;
                if (id && $.trim(id) != '' && uid) return false;
                $(this.obj).attr('uid', uid);
                this.id = uid;
                if (uid) {
                    if (this.onRecordCreate) this.onRecordCreate();
                }
            },
            resetInput: function (scrollToFirstObject, noDefaultValue) {
                var $this = this;
                $(this.obj).find('.inputErrorStatus').remove();
                $(this.obj).find('.cccAlertMessage').text('');
                $(this.obj).find('input.cccInput[type!=\'hidden\'],.cccRadio input[type=\'radio\']:checked,.cccRadio input[type=\'checkbox\']:checked').not('.isSelect').not('.isToggle').each(function () {
                    if ($(this).attr('type') == 'radio' || $(this).attr('type') == 'checkbox') {
                        $(this).prop('checked', false);
                    } else {
                        if (!noDefaultValue) {
                            $(this).val($this.Base64.decode($(this).attr('cccdata-default-value')));
                        } else {
                            $(this).val('');
                        }
                    }
                });
                $(this.obj).find('textarea.cccInput').each(function () {
                    if (!noDefaultValue) {
                        $(this).val($this.Base64.decode($(this).attr('cccdata-default-value')));
                    } else {
                        $(this).val('');
                    }
                });
                $(this.obj).find('select').find('option').each(function () {
                    $(this).prop('selected', false);
                });
                $(this.obj).find('.base64UploadLabel').each(function () {
                    $(this).removeClass('upload-success');
                    $(this).find('.cccFormIcon').addClass('hidden').first().removeClass('hidden');
                    $(this).find('.uploadLabelText').addClass('hidden').first().removeClass('hidden');
                    $(this).parent().get(0).reset();
                });

                $(this.obj).find('.cccRadio input[type=\'radio\'].preselected,.cccRadio input[type=\'checkbox\'].preselected').each(function () {
                    $(this).prop('checked', true);
                });
                $(this.obj).find('select').find('option.preselected').each(function () {
                    $(this).prop('selected', true);
                });
                $(this.obj).find('input.cccInput').addClass('resetChecking');

                $(this.obj).find('.cccRadio input[type=\'radio\'],.cccRadio input[type=\'checkbox\']').each(function () {
                    $(this).trigger('change');
                });
                $(this.obj).find('select').each(function () {
                    $(this).trigger('change', [false, true]);
                });
                $(this.obj).find('textarea.cccInput').each(function () {
                    $(this).trigger('change');
                });
                $(this.obj).find('input.cccInput[type!=\'hidden\']').not('.isSelect').not('.isToggle').each(function () {
                    $(this).trigger('change');
                });
                $(this.obj).find('input.cccInput').removeClass('resetChecking');

                $(document).trigger('cccApp_' + this.appID + '_reset_grecaptcha');

                formSelect(this);
                if (scrollToFirstObject) {
                    var finalOffset = [];
                    if ($($this.obj).find('.radioGroup').first().length) {
                        var checkRadioOffset = $($this.obj).find('.radioGroup').first().closest('.formItem').not('.hidden').offset().top;
                        if (checkRadioOffset > 0) finalOffset.push(checkRadioOffset);
                    }
                    if ($($this.obj).find('.checkboxGroup').first().length) {
                        var checkCheckboxOffset = $($this.obj).find('.checkboxGroup').first().closest('.formItem').not('.hidden').offset().top;
                        if (checkCheckboxOffset > 0) finalOffset.push(checkCheckboxOffset);
                    }
                    if ($($this.obj).find('select').length) {
                        var checkSelectOffset = $($this.obj).closest('.formItem').not('.hidden');
                        if (checkSelectOffset > 0) finalOffset.push(checkSelectOffset);
                    }

                    var checkCCCInput = $($this.obj).find('input.cccInput').filter(':visible').closest('.formItem').offset().top;
                    if (checkCCCInput > 0) finalOffset.push(checkCCCInput);
                    finalOffset = Math.min.apply(Math, finalOffset);
                    if (finalOffset) {
                        $('html, body').stop(true).animate({
                            scrollTop: finalOffset - 30 - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                        }, 500);
                    }
                }
            },
            loadApplication: function (initCallback) {
                var thisApp = this;
                $(thisApp.obj).bind('cccApp', function (e, callback) {
                    callback(thisApp);
                });
                $(thisApp.obj).find('.cccFirstItem').removeClass('cccFirstItem');
                $(thisApp.obj).find('.tab-pane').each(function () {
                    $(this).find('.formItem').not('.hidden').first().addClass('cccFirstItem');
                });
                var checkStyle = function () {
                    $(thisApp.obj).find('input[value!=\'\']').each(function () {
                        inputStyleChecking(thisApp, $(this));
                    });
                    $(thisApp.obj).find('textarea.cccInput').each(function () {
                        inputStyleChecking(thisApp, $(this));
                    });
                };
                checkStyle();

                if ($(thisApp.obj).find('.matrixGroup').find('input.fileupload').length) {
                    $(thisApp.obj).find('.matrixGroup').find('input.fileupload').each(function (k, v) {
                        var regex = false;
                        var inputButton = this;
                        if ($(v).attr('cccdata-ref-name')) {
                            var thisObj = $(v).closest('.matrixGroup').find('.coreTpl').find('*[cccdata-this-name=\'' + $(v).attr('cccdata-ref-name') + '\']');
                            cms.uploader.fileupload(thisApp, true, v, $(inputButton).parent(), thisObj, false);
                        } else {
                            cms.cccApp.error(thisApp, 'Missing `cccdata-ref-name` attr under Matrix Group :' + $(v).closest('.matrixGroup').attr('cccdata-ref-cccapp-id') + ' under multiple upload input : ' + this.outerHTML);
                            cms.cccApp.error(thisApp, 'Missing `cccdata-ref-name` attr under Matrix Group :' + $(v).closest('.matrixGroup').attr('cccdata-ref-cccapp-id') + ' under multiple upload input : ' + this.outerHTML);
                        }
                    });
                }

                var handleScroll = function () {
                    scrollTimer = null;
                    thisApp.reloadLayout();
                };

                var scrollTimer = null;
                $(window).scroll(function () {
                    if (scrollTimer) {
                        clearTimeout(scrollTimer);   // clear any previous pending timer
                    }
                    scrollTimer = setTimeout(handleScroll, 150);   // set new timer
                });
                $(window).resize(function () {
                    if (scrollTimer) {
                        clearTimeout(scrollTimer);   // clear any previous pending timer
                    }
                    scrollTimer = setTimeout(handleScroll, 150);   // set new timer
                });

                cms.loadingDiv($(thisApp.obj));

                function ordinal_suffix_of(i) {
                    var j = i % 10,
                        k = i % 100;
                    if (j == 1 && k != 11) {
                        return 'st';
                    }
                    if (j == 2 && k != 12) {
                        return 'nd';
                    }
                    if (j == 3 && k != 13) {
                        return 'rd';
                    }
                    return 'th';
                }

                $(thisApp.obj).find('.matrixGroup').unbind('matrixItem.add').bind('matrixItem.add', function (e, callback, isSystem) {
                    var $this = $(this);
                    $($this).find('.matrixReset').removeClass('cccInput');
                    var newItem = $(thisApp.obj).find('.coreTpl.' + $($this).attr('cccdata-ref-targetGroup')).clone();
                    var thisItemID = cms.makeID();
                    newItem.attr('cccdata-matrixItem-id', thisItemID);
                    newItem.find('*[cccdata-clone-id]').removeAttr('cccdata-clone-id');
                    newItem.find('.selectCoreTpl').removeClass('selectCoreTpl').addClass('selectpicker');
                    newItem.find('.toggleCoreTpl').removeClass('toggleCoreTpl').addClass('toggleBeautiful');
                    newItem.removeClass('coreTpl');
                    newItem.addClass('sortableItem');
                    $(newItem).find('.cccInput').each(function () {
                        thisApp.objVal($(this), $(this).attr('cccdata-default-value') ? thisApp.Base64.decode($(this).attr('cccdata-default-value')) : '');
                    });
                    if ($this.find('.keepLastItem').length > 0) {
                        $(newItem).insertBefore($this.find('.keepLastItem'));
                    } else {
                        $($this).append(newItem);
                    }
                    $(newItem).closest('.matrixGroup').bind('reOrder.item_' + thisItemID, function () {
                        var currentIndex = $(newItem).closest('.matrixGroup').find('.matrixItem').not('.coreTpl').index(newItem);
                        $(newItem).find('.cccLabel').each(function () {
                            var label = this;
                            if ($(this).find('label').length) {
                                label = $(this).find('label');
                            }
                            $(label).find('.engOrder').html('<sup>' + ordinal_suffix_of(currentIndex + 1) + '</sup>');
                            $(label).find('.matrixOrder').html(currentIndex + 1);
                            var html = $(label).html();
                            html = html.replace('%matrixOrder%', currentIndex + 1);
                            html = html.replace('%engOrder%', '<sup>' + ordinal_suffix_of(currentIndex + 1) + '</sup>');
                            $(label).html(html);
                        });
                        $(newItem).find('.cccHTML').each(function () {
                            var label = this;
                            $(label).find('.engOrder').html('<sup>' + ordinal_suffix_of(currentIndex + 1) + '</sup>');
                            $(label).find('.matrixOrder').html(currentIndex + 1);
                            var html = $(label).html();
                            html = html.replace('%matrixOrder%', currentIndex + 1);
                            html = html.replace('%engOrder%', '<sup>' + ordinal_suffix_of(currentIndex + 1) + '</sup>');
                            $(label).html(html);
                        });
                    });
                    var matrixGroupID = $($this).attr('matrixGroup-id');

                    waitForFinalEvent(function () {
                        $(newItem).closest('.matrixGroup').trigger('reOrder');
                    }, 1000, 'matrix-reOrder-' + matrixGroupID);

                    if (!$($this).hasClass('sortable')) {
                        $($this).attr('matrixGroup-id', cms.makeID());
                        $($this).sortable({
                            opacity: 0.5,
                            //containment3: "parent",
                            handle: '.sortableHandle',
                            items: '.sortableItem',
                            placeholder: 'matrix-highlight ' + $(newItem).attr('cccdata-matrixClass'),
                            stop: function (event, ui) {
                                $(ui.item).find('.wysiwyged').each(function () {
                                    tinymce.execCommand('mceAddEditor', false, $(this).attr('id'));
                                });
                                if ('refHeight' in window) {
                                    refHeight();
                                }
                                $(this).sortable('refresh');
                                $(ui.item[0]).find('.radioGroup').each(function () {
                                    $(this).find('input[value=\'' + $(this).find('input.cccInput').val() + '\']').prop('checked', true);
                                });
                            },
                            start: function (event, ui) {
                                $(ui.item).find('.wysiwyged').each(function () {
                                    tinymce.execCommand('mceRemoveEditor', false, $(this).attr('id'));
                                });
                                var height = $(ui.item).height();
                                $($this).find('.matrix-highlight').height(height);
                            },
                            update: function (event, ui) {
                                $(newItem).closest('.matrixGroup').trigger('reOrder');
                                cms.cccInput.order($($this), thisApp);
                                if (!$($this).closest('.formItem').hasClass('disableAutoSave')) {
                                    autoSave(thisApp, true);
                                }
                                $(ui.item[0]).find('.radioGroup').each(function () {
                                    $(this).find('input[value=\'' + $(this).find('input.cccInput').val() + '\']').prop('checked', true);
                                });
                            },
                            helper: function (event, ui) {
                                var $clone = $(ui).clone();
                                $clone.css('position', 'absolute');
                                return $clone.get(0);
                            },
                            scroll: true
                        });
                        $($this).addClass('sortable');
                    } else {
                        waitForFinalEvent(function () {
//                        console.log('run sortable refresh');
                            $($this).sortable('refresh');
                        }, (thisApp.disableBinding ? 1000 : 50), 'matrix-refresh-sortable-' + matrixGroupID);

                        if (!$($this).closest('.formItem').hasClass('disableAutoSave') && thisApp.applicationInit) {
                            autoSave(thisApp, true);
                        } else if (!thisApp.applicationInit) {
                            console.log('formChecking');
                            // formChecking(thisApp, true);
                        }

                        console.log('formChecking');
                    }
                    matrixChecking($(thisApp.obj).find($this));
                    cms.uploader.check(thisApp);
                    cms.cccInput.order($this, thisApp, !$($this).closest('.formItem').hasClass('disableAutoSave'));
                    thisApp.reloadLayout();
                    var formSelected = false;

                    newItem.find('.radioGroup').find('input').filter('.preselected').prop('checked', true).trigger('change');

                    if ($(newItem).find('.selectpicker').length > 0) {
                        formSelect(thisApp);
                        formSelected = true;
                    }
                    if (!formSelected && $(newItem).find('.wysiwyg').length > 0) {
                        formSelect(thisApp);
                    }
                    if (callback) callback(newItem);

                    if ($($this).closest('.formItem').hasClass('matrix-error')) {
                        if (!isSystem) formChecking(thisApp, $this);
                    }

                    onchangeCaseCheck($this.closest('.formItem'), thisApp);

                    var obj = newItem;
                    if (!('noScroll' in thisApp.settings) && thisApp.applicationInit) {
                        if ($(obj).length && $(obj).is(':visible')) {
                            $('html, body').stop(true).animate({
                                scrollTop: $(obj).offset().top - $(obj).outerHeight() * 0.1 - ($('.cccFormOffsetTop').length ? $('.cccFormOffsetTop').height() : 0)
                            }, 500);
                        }
                    }

                });

                cms.uploader.check(thisApp);

                $(thisApp.obj).find('.matrixAdd').unbind('click.matrixAdd').bind('click.matrixAdd', function () {
                    $(this).closest('.matrixGroup').trigger('matrixItem.add');
                });
                var successCall = function (data) {
                    thisApp.disableBinding = true;

                    if (data) {
                        if (data['status'] >= 1 && data['data']) {
                            if (data.workflow) {
                                thisApp.setWorkflow(data.workflow);
                                if (data['data'].active + '' == '2') {
                                    thisApp.setLocked();
                                    //
                                    $(thisApp.obj).css('cursor', 'no-drop');
                                    var submit = $(thisApp.obj).find('.cccSubmit').closest('.formItem');
                                    $(thisApp.obj).find('.formItem').not(submit).css('pointer-events', 'none');
                                }
                                if (data['data'].workflow_versions && typeof thisApp.onVersions === 'function') {
                                    thisApp.onVersions(data['data'].workflow_versions);
                                }
                                if (data['data'].production_id) {
                                    thisApp.production_id = data['data'].production_id;
                                }
                                if (data['data'].replace_uid) {
                                    thisApp.id = data['data'].replace_uid;
                                }
                            }
                            var tempDisabledResetOnToggle = false;
                            if (thisApp.isDisableResetOnToggle()) {
                                thisApp.disableResetOnToggle();
                                tempDisabledResetOnToggle = true;
                            }
                            if (canDebug()) console.log('thisApp.obj', thisApp.obj);

                            //console.log('data',data['data']);
                            var formCheckObjs = [];
                            $.each(data['data'], function (k, v) {
                                if ($.isArray(v)) {
                                    var order = 0;
                                    $.each(v, function (o, mdata) {
                                        if (typeof mdata == 'object') {
                                            var canAdd = false;
                                            $.each(mdata, function (mk, mv) {
                                                if ($.trim(mv) != '') canAdd = true;
                                            });
                                            canAdd = true; // Racson Check
                                            if (canAdd) {
                                                $.each(mdata, function (mk, mv) {
                                                    var obj = $(thisApp.obj).find('*[name=\'' + k + '[' + order + '][' + mk + ']\']');
                                                    if (obj.length == 0) {
                                                        if ($(thisApp.obj).find('*[cccdata-matrixGroup=\'' + k + '\']').find('.coreTpl').find('div[cccdata-ref-cccapp-id=\'' + mk + '\']').length) {
                                                            $(thisApp.obj).find('*[cccdata-matrixGroup=\'' + k + '\']').trigger('matrixItem.add');

                                                            obj = $(thisApp.obj).find('*[name=\'' + k + '[' + order + '][' + mk + ']\']');
                                                        } else {
                                                            obj = false;
                                                        }
                                                    }
                                                    //if(canDebug()) console.log(obj,mv);
                                                    if (obj) {

                                                        //var thisPlaceHolder = $(obj).attr('placeholder');
                                                        if (mv) {
                                                            thisApp.objVal(obj, mv);
                                                            //formChecking(thisApp, false, false, obj);
                                                            formCheckObjs.push(obj);
                                                        }

                                                    }
                                                });
                                                order++;

                                            }
                                        }
                                    });
                                } else {
                                    var obj = $(thisApp.obj).find('*[name=\'' + k + '\']');
                                    var thisPlaceHolder = $(obj).attr('placeholder');
                                    if (v) {
                                        //if(canDebug()) console.log(obj,v);
                                        thisApp.objVal(obj, v);
                                        //formChecking(thisApp, false, false, $(obj), false, true);
                                        formCheckObjs.push(obj);
                                    }
                                }
                            });

                            formChecking(thisApp, false, false, formCheckObjs, false, true);

                            if (canDebug()) console.log('onChangeChecker checkbox Run after Get');
                            onChangeChecker($(thisApp.obj).find('input[type=checkbox]'), 'checked', true, true);
                            if (canDebug()) console.log('onChangeChecker radio Run after Get');
                            onChangeChecker($(thisApp.obj).find('input[type=radio]'), 'checked', true, true);
                            if (canDebug()) console.log('onChangeChecker selected Run after Get');
                            onChangeChecker($(thisApp.obj).find('select'), 'selected', true, true);


                            $(thisApp.obj).find('.textareaChecker').each(function () {
                                countWords($(this), thisApp, $(this).closest('.formItem').find('.countPlaceHolder'), true, true);
                                countCharacters($(this), thisApp, $(this).closest('.formItem').find('.countPlaceHolder'), true, true);
                            });
                            if (tempDisabledResetOnToggle) {
                                thisApp.enableResetOnToggle();
                            }
                        } else {
                            if (thisApp.onDataLoadError) {
                                thisApp.onDataLoadError(data);
                            }
                            onChangeChecker($(thisApp.obj).find('input[type=checkbox]'), 'checked');
                            onChangeChecker($(thisApp.obj).find('input[type=radio]'), 'checked');
                            onChangeChecker($(thisApp.obj).find('select'), 'selected');
                        }

                    } else {
                        onChangeChecker($(thisApp.obj).find('input[type=checkbox]'), 'checked');
                        onChangeChecker($(thisApp.obj).find('input[type=radio]'), 'checked');
                        onChangeChecker($(thisApp.obj).find('select'), 'selected');
                    }
                    thisApp.disableBinding = false;
                    formSelect(thisApp);
                    thisApp.bindChangeEvent(true);

                    $(thisApp.obj).find('.matrixGroup').each(function () {
                        var $this = this;
                        matrixChecking($this, true, true);
                    });
                    checkStyle();
                    $(thisApp.obj).find('.tab-pane').filter('.preload').removeClass('preload');
                    //$(thisApp.obj).removeClass("hidden");
                    cms.removeLoadingDiv($(thisApp.obj));
                    if (thisApp.disableInitPreloadImages) {
                        thisApp.checkPreloadList(false, data);
                        if (initCallback) initCallback(data);
                    } else {
                        if (!thisApp.checkPreloadList(initCallback, data)) {
                            if (initCallback) initCallback(data);
                        }
                    }
                    thisApp.applicationInit = true;
                };
                if (thisApp.api && thisApp.getID()) {
                    var passData = (thisApp.isRestFulAPI() ? {
                        h: $(thisApp.obj).find('#h').val()
                    } : {
                        uid: thisApp.getID(),
                        h: $(thisApp.obj).find('#h').val()
                    });
                    $.ajax({
                        type: (thisApp.isRestFulAPI() ? 'GET' : 'POST'),
                        headers: thisApp.headers({
                            'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                        }),
                        data: passData,
                        dataType: 'json',
                        url: (thisApp.isRestFulAPI() ? thisApp.root + thisApp.api + '/' + thisApp.getID() : thisApp.root + 'lib/ajax/' + thisApp.api + '/get/'),
                        success: successCall,
                        error: function () {
                            successCall(false);
                        }
                    });

                } else if (thisApp.isLocalStorage) {
                    var thisAppData = thisApp.getData();
//                console.log(thisAppData);
                    successCall((thisAppData ? {
                        'status': 1,
                        'data': thisAppData
                    } : false));
                } else {
                    onChangeChecker($(thisApp.obj).find('input[type=checkbox]'), 'checked');
                    onChangeChecker($(thisApp.obj).find('input[type=radio]'), 'checked');
                    onChangeChecker($(thisApp.obj).find('select'), 'selected');

                    formSelect(thisApp);
                    $(thisApp.obj).find('.matrixGroup').each(function () {
                        var $this = this;
                        matrixChecking($this, true, true);
                    });
                    thisApp.applicationInit = true;

                    $(thisApp.obj).find('.tab-pane').filter('.preload').removeClass('preload');

                    cms.removeLoadingDiv($(thisApp.obj));
                    if (initCallback) initCallback();
                    thisApp.bindChangeEvent();
                }

            },
            objVal: function (obj, v) {
                var thisApp = this;
                if ($(obj).is('input')) {

                    if ($(obj).is('input[type=password]') && !$(obj).closest('.formItem').hasClass('keepOriginalValue')) {
                        return;
                    }

                    // insert data
                    $(obj).val(v);

                    if ($(obj).hasClass('isRadio')) {
                        if (canDebug()) console.log(obj);
                        $(obj).closest('.radioGroup').find('input[type=\'radio\']').filter('[value=\'' + v + '\']').prop('checked', true);
                    }
                    if ($(obj).hasClass('isToggle')) {
                        var options = $(obj).closest('.selectGroup').find('option');
                        if (v == '1' && $(options).filter('[value=\'On\']').length > 0) {
                            v = 'On';
                        }
                        if (v == '0' && $(options).filter('[value=\'Off\']').length > 0) {
                            v = 'Off';
                        }
                    }

                    if ($(obj).hasClass('isSelect')) {
                        selectObjVal($(obj), v);
                        if (canDebug()) console.log('select change ', v);
                    }

                    if ($(obj).hasClass('isCheckbox')) {
                        var values = v.replace(/\|\|\|/g, '').split('||');
                        $.each(values, function (k, v) {
                            $(obj).closest('.checkboxGroup').find('input[type=\'checkbox\']').filter('[value=\'' + v + '\']').prop('checked', true);
                        });
                    }
                    if (canDebug()) console.log('uploadInput', v);
                    if (canDebug()) console.log('uploadInput', obj);
                    if (canDebug()) console.log('uploadInput Class', $(obj).hasClass('uploadInput'));
                    if ($(obj).hasClass('uploadInput') && v) {
                        if (canDebug()) console.log($(obj).closest('.uploadPlaceHolder'));
                        if (canDebug()) console.log($(obj).closest('.uploadPlaceHolder').find('.uploadLabel'));
                        $(obj)
                            .closest('.uploadPlaceHolder')
                            .find('.uploadLabel')
                            .trigger('uploadLabelUploadSuccess', [v]);
                    }
                    inputStyleChecking(thisApp, $(obj));
                } else if ($(obj).is('textarea')) {
                    if ($(obj).hasClass('wysiwyged')) {
                        tinyMCE.get($(obj).attr('id')).setContent(v);
                        $(obj).val(v);
                    } else {
                        if ($(obj).hasClass('cccForm') && typeof v === 'object') v = 'JSON::' + JSON.stringify(v);
                        $(obj).val(v);
                        if ($(obj).hasClass('postMessaged')) {
                            $(obj).siblings('.cccapp-form-builder').get(0).contentWindow.postMessage(v, '*');
                        }
                    }
                    inputStyleChecking(thisApp, $(obj));
                }
                onchangeCaseCheck(obj, thisApp);
            },
            bindChangeEvent: function (noPreload) {
                var thisApp = this;
                if (thisApp.disableBinding) return;

                if (canDebug()) console.log('bindChangeEvent');
                //$(thisApp.obj).find("input[type=checkbox]").unbind('change.cccForm').bind('change.cccForm',function(){
                //    onChangeChecker(this,'checked');
                //});
                //
                //$(thisApp.obj).find("input[type=radio]").unbind('change.cccForm').bind('change.cccForm',function(){
                //    onChangeChecker(this,'checked');
                //});

                $(thisApp.obj).find('.cccFormBtn').unbind('click.cccFormBtn').bind('click.cccFormBtn', function () {
                    var $this = this;
                    var textareaObj = $($this).parent().next();
                    var cccFormAPI = $(textareaObj).attr('cccdata-application-url');
                    var cccFormAPIData = $(textareaObj).attr('cccdata-application-data');
                    var cache = $(textareaObj).attr('cccdata-cache');
                    if (cccFormAPI) {
                        var headers = thisApp.headers({
                            'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                        });
                        var cacheKey = cccFormAPI + JSON.stringify(headers) + JSON.stringify(cccFormAPIData);
                        cms.loadingDiv($('body'));
                        var div = $('<div class="htmlHolder"></div>');
                        if (!thisApp.cacheHTML) {
                            thisApp.cacheHTML = {};
                        }

                        var tplCallback = function (data) {
                            if (data) thisApp.cacheHTML[cacheKey] = data;
                            cms.removeLoadingDiv($('body'));
                            var innerApp;
                            var thisDialog = BootstrapDialog.confirm(1, 'info', $($this).text(), '', true, true, {
                                'callback': function (result) {
                                    if (result) {
                                    } else {
                                        $('form.mainForm').find('input[type="submit"]').prop('disabled', false);
                                    }
                                }
                            }, [
                                {
                                    label: 'SAVE & CLOSE',
                                    hotkey: 27,
                                    cssClass: 'btn-default',
                                    action: function (dialog) {
                                        typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                                        if (formChecking(innerApp)) {
                                            if (innerApp) autoSave(innerApp, true);
                                            //innerApp.destroy();
                                            dialog.close();
                                        }
                                    }
                                }
                            ], function (dialog) {
                                dialog.$modalBody.append(div);
                                $(dialog.$modalDialog).addClass('modal-90');
                            }, function (dialog) {
                                thisDialog.setCloseByKeyboard(false);
                                thisDialog.setCloseByBackdrop(false);
                                var data = $(textareaObj).val();
                                data = cms.cccApp.decodeData(data);
//                            console.log(data);
                                var appLoaded = false;
                                //.setClosable(false)
//                            console.log('Load innerApp', data);
                                innerApp = cms.cccApp.init(
                                    {
                                        isLocalStorage: true,
                                        dialog: function () {
                                            return thisDialog;
                                        },
                                        obj: $(dialog.$modalDialog).find('.cccApp'),
                                        data: (data ? data : ''),
                                        on: {
                                            'headers': function (headers) {
                                                return thisApp.headers(headers);
                                            },
                                            'init': function () {
                                                cms.removeLoadingDiv($('body'));
                                                $(dialog.$modalDialog).find('.cccApp').animate({
                                                    'opacity': 1
                                                }, 500, function () {
//                                                console.log('appLoaded = true');
                                                    appLoaded = true;
                                                });

                                            },
                                            'save': function (data) {
//                                            console.log('save data', data);
                                                if (data && appLoaded) {
//                                                console.log('save checked ok');
                                                    var saveData = 'JSON::' + JSON.stringify(data);
                                                    if (saveData != $(textareaObj).val()) {
                                                        $(textareaObj).val(saveData);
                                                        onchangeCaseCheck(textareaObj, thisApp);
                                                        if ($(dialog.$modalDialog).find('.cccApp').closest('.modal-body.autoSaveModal').length > 0) {
                                                            autoSave(thisApp, true);
                                                        }
                                                        //autoSave(thisApp, true);
                                                    }
                                                }
                                            },
                                            'destory': function () {
                                                if (canDebug()) console.log('onDestory App');
                                                dialog.close();
                                                innerApp.destroy();
                                            },
                                            'recordCreate': function () {

                                            }
                                        }
                                    });

                                formSelect(thisApp);

                            }, function (dialog) {
                                if (canDebug()) console.log('onhide');

                            }, function (dialog) {
                                innerApp.destroy();
                            }, true);

                        };

                        if (thisApp.cacheHTML[cacheKey] && cache) {
                            div.html(thisApp.cacheHTML[cacheKey]);
                            tplCallback();
                        } else {
                            $.ajax({
                                type: 'POST',
                                headers: headers,
                                data: {
                                    'application': cccFormAPI,
                                    'pass_data': cccFormAPIData
                                },
                                dataType: 'html',
                                url: cccframework_path + 'cccApp/getApp/',
                                success: function (data) {
                                    div.html(data);
                                    tplCallback(data);
                                }
                            });

                        }

                    }

                });

                $(thisApp.obj).find('input,textarea').unbind('focus.cccForm').bind('focus.cccForm', function () {
                    $(this).data('hasfocus', true);
                    $(this).bind('keyup.esc,keydown.esc', function (e) {
                        if (e.keyCode == 27) e.stopPropagation();
                    });
                });

                $(thisApp.obj).find('input,textarea').unbind('blur.cccForm').bind('blur.cccForm', function () {
                    $(this).data('hasfocus', false);
                    $(this).unbind('keyup.esc,keydown.esc');
                    if (canDebug()) console.log('===', 1);
                    formChecking(thisApp, false, false, $(this));
                    inputStyleChecking(thisApp, $(this));
                });

                $(thisApp.obj).find('input').unbind('keyup.cccAppEnter').bind('keyup.cccAppEnter', function (e) {
                    if (e.which === 13 && $(this).data('hasfocus')) {
                        if (canDebug()) console.log($(this));
                        if ($(this).closest('.tab-pane').length) {
                            $(this).closest('.tab-pane').find('.cccSubmit').triggerHandler('click');
                        } else {
                            $(this).closest('.cccApp').find('.cccSubmit').triggerHandler('click');
                        }
                    }
                    //submitBtn
                });

                $(thisApp.obj).find('input').unbind('change.cccForm keyup.cccForm').bind('change.cccForm keyup.cccForm', function () {
                    if (canDebug()) console.log('===', 2);
                    formChecking(thisApp, false, false, $(this));
                    inputStyleChecking(thisApp, $(this));
                    onchangeCaseCheck(this, thisApp);
                });

                $(thisApp.obj).find('textarea.cccInput').unbind('change.cccForm').bind('change.cccForm', function () {
                    formChecking(thisApp, false, false, $(this));
                    inputStyleChecking(thisApp, $(this));
                    onchangeCaseCheck(this, thisApp);
                });
                $(thisApp.obj).find('textarea').unbind('keyup.cccForm').bind('keyup.cccForm', function () {
                    if (canDebug()) console.log('===', 3);
                    formChecking(thisApp, false, false, $(this));
                    inputStyleChecking(thisApp, $(this));
                });
                $(thisApp.obj).find('textarea').unbind('keydown.cccForm').bind('keydown.cccForm', function () {
                    inputStyleChecking(thisApp, $(this));
                });

                $(thisApp.obj).find('input').unbind('keydown.cccForm').bind('keydown.cccForm', function () {
                    inputStyleChecking(thisApp, $(this));
                });
                var checkTimer = false;
                var objectList = [];
                $(thisApp.obj).find('select').unbind('change.cccForm').bind('change.cccForm', function (e, skipFormChecking, runNow) {
                    onChangeInsertValue(this, 'select', true);
                    if (skipFormChecking) return;
                    var $this = this;
                    objectList.push($this);
                    var runFunction = function () {
                        formChecking(thisApp, false, false, $(objectList));
                        objectList = [];
                    };
                    if (runNow) {
                        runFunction();
                    } else {
                        if (checkTimer) clearTimeout(checkTimer);
                        checkTimer = setTimeout(runFunction, 200);
                    }
                    inputStyleChecking(thisApp, $(this));
                    onchangeCaseCheck(this, thisApp);
                });

                function confirmDialog(msg) {
                    return new Promise(function (resolve, reject) {
                        BootstrapDialog.confirm(1, 'info', lang('Warning'), msg, true, true, {
                            'callback': function (result) {
                                if (result) {
                                    resolve(true);
                                } else {
                                    resolve(false);
                                }
                            }
                        }, [
                            {
                                label: lang('Yes'),
                                cssClass: 'btn-default',
                                action: function (dialog) {
                                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(true);
                                    dialog.close();
                                }
                            },
                            {
                                label: lang('Close'),
                                cssClass: 'btn-default',
                                action: function (dialog) {
                                    typeof dialog.getData('callback') === 'function' && dialog.getData('callback')(false);
                                    dialog.close();
                                }
                            }
                        ], function (dialog) {

                        }, function (dialog) {

                        }, function (dialog) {
                            if (canDebug()) console.log('onhide');

                        }, function (dialog) {
                            if (canDebug()) console.log('onhidden');
                        });
                    });
                }

                $(thisApp.obj).find('input[type=radio]').unbind('click.cccForm').bind('click.cccForm', async function (e, data) {
                    if ($(this).attr('confirm-question') && !data) {
                        e.preventDefault();
                        var cnfrm = await confirmDialog($(this).attr('confirm-question'));
                        if (cnfrm) {
                            $(this).trigger('click.cccForm', [true]);
                        }
                        return false;
                        // if (cnfrm !== true) {
                        // 	return false;
                        // }
                    }
                });

                $(thisApp.obj).find('input[type=radio]').unbind('change.cccForm').bind('change.cccForm', function (e) {
                    onChangeInsertValue(this, 'radio', true);

                    if (canDebug()) console.log('===', 5);
                    formChecking(thisApp, false, false, $(this));
                });

                $(thisApp.obj).find('input[type=checkbox]').unbind('change.cccForm').bind('change.cccForm', function () {
                    onChangeInsertValue(this, 'checkbox', true);

                    if (canDebug()) console.log('===', 6);
                    formChecking(thisApp, false, false, $(this));
                });

                $(thisApp.obj).find('input.cccInput,select.cccInput,textarea.cccInput').unbind('change.autosave changeColor').bind('change.autosave changeColor', function () {
                    if ($(this).closest('.modal-body.autoSaveModal').length > 0 || $(this).closest('.formItem').hasClass('onChangeSave')) {
                        if ($(this).closest('.matrixGroup').length) {
                            if (!$(this).closest('.matrixGroup').closest('.formItem').hasClass('disableAutoSave')) {
                                autoSave(thisApp, true);
                            }
                        } else {
                            autoSave(thisApp, true);
                        }
                    }
                    thisApp.reloadLayout();
                });
                $(thisApp.obj).find('input.cccCardNumber').unbind('keyup.cccCC').bind('keyup.cccCC', function (e) {
                    var obj = $(this);
                    var group = $(obj).closest('.cccCC');
                    if ($(obj).val().length >= parseInt($(obj).attr('maxlength'))) {
                        var thisIndex = group.find('.cccCardNumber').index(obj);
                        if (thisIndex >= 0) group.find('.cccCardNumber').eq(thisIndex + 1).focus();
                    } else if ($(obj).val().length == 0 && e.keyCode == 8) {
                        var thisIndex = group.find('.cccCardNumber').index(obj);
                        if (thisIndex - 1 >= 0 && thisIndex <= group.find('.cccCardNumber').length) group.find('.cccCardNumber').eq(thisIndex - 1).focus();
                    }
                });
                $(thisApp.obj).find('input,select,textarea').unbind('formSave').bind('formSave', function () {
                    if (canDebug()) console.log($(this));
                    autoSave(thisApp, true);
                });
                $(thisApp.obj).find('input,select,textarea').unbind('formSaveWithoutOnSave').bind('formSaveWithoutOnSave', function () {
                    if (canDebug()) console.log($(this));
                    autoSave(thisApp, true, false, false, false, false, false, true);
                });
                $(thisApp.obj).unbind('formSave').bind('formSave', function () {
                    if (canDebug()) console.log($(this));
                    autoSave(thisApp, true);
                });
                $(thisApp.obj).unbind('reloadLayout').bind('reloadLayout', thisApp.reloadLayout);
                $(thisApp.obj).unbind('checkFormSave').bind('checkFormSave', function (e, callback, falseCallback, data, pass) {
                    autoSave(thisApp, (pass == undefined ? false : pass), callback, false, falseCallback, data);
                });

                $(thisApp.obj).unbind('checkFormSectionSave').bind('checkFormSectionSave', function (e, callback, falseCallback, obj, data, pass) {
                    autoSave(thisApp, (pass == undefined ? false : pass), callback, obj, falseCallback, data, true);
                });

                $(thisApp.obj).find('.textareaChecker').unbind('change.wordcount keyup.wordcount').bind('change.wordcount keyup.wordcount', function () {
                    countWords($(this), thisApp, $(this).closest('.formItem').find('.countPlaceHolder'), true);
                    countCharacters($(this), thisApp, $(this).closest('.formItem').find('.countPlaceHolder'), true);
                });

                $(thisApp.obj).find('.matrixGroup').each(function () {
                    var $this = this;
                    matrixChecking($this, true);
                });

                thisApp.reloadLayout();
                if (!noPreload) thisApp.checkPreloadList();
                formSelect(thisApp);

            },
            reloadLayout: function () {

                var thisApp = this;
                var checkSize = function () {

                    if (canDebug()) console.log('reloadLayout');
                    $('.backstretched').each(function (k, v) {
                        //if( $(v).find(".backstretch").length == 0 || $(v).find(".backstretch").width() == 0){
                        $(v).backstretch($(v).attr('cccdata-file-path'));
                        if ($(v).closest('.matrixItem').length) $(v).closest('.matrixItem').find('.imageURLPreview').find('input.form-control').val($(v).attr('cccdata-file-path'));
                        if ($(thisApp.obj).hasClass('cccPreview')) {
                            $(v).addClass('pointer');
                            $(v).unbind('click').bind('click', function (e) {
                                e.preventDefault();
                                $.fancybox({
                                    'type': 'image',
                                    href: $(v).attr('cccdata-file-path') + '&org=1',
                                    openEffect: 'elastic',
                                    closeEffect: 'elastic',
                                    helpers: {
                                        overlay: {
                                            locked: false
                                        }
                                    }
                                });
                            });
                        }
                    });

                    waitForFinalEvent(function () {
                        $(thisApp.obj).find('.layoutBlockHeight').each(function () {
                            if (canDebug()) console.log($(this).parent().find('.layoutRefHeight'), $(this).parent().find('.layoutRefHeight').height());
                            $(this).height($(this).parent().find('.layoutRefHeight').height());
                        });
                    }, (thisApp.disableBinding ? 1000 : 50), 'layoutRefHeight');

                };
                if (thisApp.reloadLayoutTimer) clearTimeout(thisApp.reloadLayoutTimer);
                thisApp.reloadLayoutTimer = setTimeout(checkSize, 30);

            },
            checkPreloadList: function (callback, data) {
                var thisApp = this;
                var thisAction = function () {
                    var returnData = false;
                    $(thisApp.obj).find('.previewHolder').not('.loadingPreviewHolder').not('.previewInit').each(function () {
                        var $this = this;
                        $($this).addClass('loadingPreviewHolder');
                        thisApp.preloadFile($this, callback, data);
                        if (thisApp.preloadFileList.length > 0) {
                            returnData = true;
                        }
                    });
                    return returnData;
                };
                if (thisApp.disableInitPreloadImages) {
                    setTimeout(function () {
                        thisAction();
                    }, 1);
                    return false;
                }
                return thisAction();
            },
            disableInitPreloadImages: false,
            preloadFileList: [],
            preloadFileListTimer: false,
            preloadFile: function ($this, callback, data) {
                var thisApp = this;
                thisApp.preloadFileList.push($($this).attr('cccdata-file-id'));
                if (thisApp.preloadFileListTimer) clearTimeout(thisApp.preloadFileListTimer);
                thisApp.preloadFileListTimer = setTimeout(function () {
                    $.ajax({
                        type: 'POST',
                        headers: thisApp.headers({
                            'X-Cccms-Key-Secret': $(thisApp.obj).find('#h').val()
                        }),
                        data: {
                            uids: thisApp.preloadFileList,
                            local_url: local_url,
                            h: $(thisApp.obj).find('#h').val()
                        },
                        dataType: 'json',
                        url: ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/uploader/get/',
                        success: function (data) {
                            if (data) {
                                $.each(data['data'], function (k, v) {
                                    var thisObj = $('[cccdata-file-id=\'' + k + '\']');
                                    //if (v.split('.').pop().includes("pdf") || data["noPreview"]) {
                                    //    thisObj.closest(".uploadLabel").find(".uploadLabelText").html("");
                                    //    thisObj.closest(".uploadLabel").addClass("btn-success");
                                    //} else {
                                    thisObj.html(v.split('.').pop());
                                    //}
                                });
                                $.each(data['deleted'], function (k, v) {
                                    var found = false;
                                    if (data['image']) {
                                        if (Object.keys(data['image']).length) {
                                            if (v in data['image']) {
                                                found = true;
                                            }
                                        }
                                    }
                                    if (!found) {
                                        var thisObj = $('[cccdata-file-id=\'' + v + '\']');
                                        $(thisObj).closest('.uploadPlaceHolder').find('.uploadInput').val('');
                                        $(thisObj).closest('.uploadLabel').trigger('uploadLabelReset');
                                    }
                                });
                                var totalImage = 0;
                                var loadedImage = 0;
                                var thisCallback = function () {
                                    if (canDebug()) console.log(totalImage, loadedImage);
                                    if (totalImage == loadedImage) {
                                        $(window).trigger('resize');
                                        if (callback) callback(data);
                                        $('.cccImageFancybox').fancybox();
                                        formSelect(thisApp);
                                    }
                                };
                                var tarea_regex = /^(http|https)/;
                                $.each(data['data'], function (k, v) {
                                    var thisObj = $('[cccdata-file-id=\'' + k + '\']');
                                    var path = root_header_path + v;
                                    if (tarea_regex.test(String(v).toLowerCase()) == true) {
                                        path = v;

                                    }
                                    if (thisApp.settings && thisApp.settings.custom_cccframework_path) {
                                        path = path.replace(root_header_path, thisApp.settings['custom_cccframework_path'].replace('cccframework/', ''));
                                    }
                                    var uploadLabel = $(thisObj.closest('.uploadLabel'));
                                    uploadLabel
                                        .css('background', '')
                                        .removeClass('backstretched initResizer')
                                        .attr('cccdata-file-path', path)
                                        .attr('cccdata-type', '')
                                        .find('.backstretch')
                                        .remove();

                                    if (v.split('.').pop().includes('mp3') || v.split('.').pop().includes('wav')) {
                                        uploadLabel.attr('cccdata-type', 'music');
                                    }
                                    if (v.split('.').pop().includes('doc') || v.split('.').pop().includes('docx') || v.split('.').pop().includes('pdf') || v.split('.').pop().includes('zip')) {
                                        uploadLabel.attr('cccdata-type', 'doc');
                                    }
                                });

                                if (data['image']) {
                                    if (Object.keys(data['image']).length) {
                                        $.each(data['image'], function (k, v) {
                                            var imagePath = ((thisApp.settings && thisApp.settings.custom_cccframework_path) ? thisApp.settings['custom_cccframework_path'] : cccframework_path) + 'cccForm/thumb/?option=s&size=800x600&file=' + v;
                                            var thisObj = $('[cccdata-file-id=\'' + k + '\']');
                                            totalImage++;
                                            thisObj.removeClass('loadingPreviewHolder').addClass('previewInit');
                                            $(thisObj
                                                .closest('.uploadPlaceHolder'))
                                                .find('.uploadLabel')
                                                .addClass('backstretched')
                                                .attr('cccdata-type', 'image')
                                                .attr('cccdata-file-path', imagePath)
                                                .bind('backstretch.after', function () {
                                                    $(this).unbind('backstretch.after');
//                                                    console.log('image loaded', imagePath);
                                                    loadedImage++;
                                                    thisCallback();
                                                })
                                                .bind('backstretch.error', function () {
                                                    $(this).unbind('backstretch.error');
//                                                    console.log('image error');
                                                    loadedImage++;
                                                    thisCallback();
                                                }).backstretch(imagePath);
                                        });
                                    } else {
                                        thisCallback();
                                    }
                                } else {
                                    thisCallback();
                                }

                            }
                        }
                    });

                    thisApp.preloadFileList = [];
                }, 200);
                return thisApp.preloadFileList;
            }

        };
    },
    store: {}

};

function reposition(modal) {
    var dialog = modal.find('.modal-dialog');
    modal.css('display', 'block');
    modal.css('width', '100%');
    modal.css('height', '100%');

    // Dividing by two centers the modal exactly, but dividing by three
    // or four works better for larger screens.
    dialog.css('margin-top', ($(window).height() - dialog.height()) / 2);

};

function changeGrecaptchaImage(obj) {

    var newRandromID = '';
    var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    for (var i = 0; i < 5; i++) newRandromID += possible.charAt(Math.floor(Math.random() * possible.length));
    $(obj).attr('src', cccframework_path + 'lib/php/securimage-master/securimage_show.php?namespace=' + newRandromID);
    $(obj).parent().find('input[name=\'grecaptchaImage_namespace\']').val(newRandromID);
}

$(window).load(function () {
    BootstrapDialog.confirm = function (size, type, title, message, closable, draggable, data, buttons, onshow, onshown, onhide, onhidden, disableCenter, isHTML) {
        if (!title) title = 'Message';
        if (!closable) closable = false; //When set to true, you can close the dialog by: Clicking the close icon in dialog header.; Clicking outside the dialog.; ESC key.
        if (!draggable) draggable = false;

        if (!isHTML) {
            title = lang(title);
        }
        if (!isHTML) {
            message = lang(message);
        }

        switch (size) {
            case 2:
                size = 'size-large';
                break;
            default:
                size = 'size-normal';
                break;
        }
        switch (type) {
            case 'info':
                type = 'type-info';
                break;
            case 'primary':
                type = 'type-primary';
                break;
            case 'success':
                type = 'type-success';
                break;
            case 'warning':
                type = 'type-warning';
                break;
            case 'alert':
                type = 'type-danger';
                break;
            default:
                type = 'type-default';
                break;
        }
        var dialog = new BootstrapDialog({
            type: type,
            size: size,
            title: title,
            message: message,
            closable: closable,
            draggable: false,//draggable,
            autodestroy: true,
            data: data,
            buttons: buttons,
            onshow: function (dialogRef) {
                $(dialogRef.$modalDialog).find('.bootstrap-dialog-title').addClass('f22');
                if (onshow && typeof onshow == 'function') onshow(dialogRef);
                var $htmlBody = $('html,body');
                $htmlBody.addClass('BootstrapDialog');
                if ($htmlBody.hasClass('hasSelectable')) {
                    $htmlBody.selectable('disable');
                }
                if (!disableCenter) dialogRef.$modal.css('opacity', 0);

            },
            onshown: function (dialogRef) {
                if (!disableCenter) reposition(dialogRef.$modal);
                if (!disableCenter) dialogRef.$modal.fadeTo(200, 1);
                if (onshown && typeof onshown == 'function') onshown(dialogRef);
            },
            onhide: function (dialogRef) {

                if (onhide && typeof onhide == 'function') onhide(dialogRef);

                if (!disableCenter) dialogRef.$modal.fadeTo(200, 0);
            },
            onhidden: function (dialogRef) {
                if (onhidden && typeof onhidden == 'function') onhidden(dialogRef);
                if ($('.bootstrap-dialog').length == 1) {
                    var $htmlBody = $('html,body');
                    $htmlBody.removeClass('BootstrapDialog');
                    if ($htmlBody.hasClass('hasSelectable')) {
                        $htmlBody.selectable('enable');
                    }
                }
            }
        });
        dialog.realize();
        dialog.open();
        return dialog;
    };
});
$.ajaxSetup({
    always: function (data) {
//        console.log('always');
//        console.log(data);
        if ('checkData' in window) {
            checkData(data);
        }
    }
});

$(document).ajaxSuccess(function (d, data, e) {
    var finalData = false;
    try {
        finalData = $.parseJSON(data.responseText);
    } catch (e) {
        return false;
    }
    if (finalData) {
        if ('checkData' in window) checkData(finalData);
    }

});