/**

Core script to handle the entire theme and core functions

**/

var App = function() {



    // IE mode

    var isRTL = false;

    var isIE8 = false;

    var isIE9 = false;

    var isIE10 = false;



    var resizeHandlers = [];



    var assetsPath = '../assets/';



    var globalImgPath = 'global/img/';



    var globalPluginsPath = 'global/plugins/';



    var globalCssPath = 'global/css/';



    // theme layout color set



    var brandColors = {

        'blue': '#89C4F4',

        'red': '#F3565D',

        'green': '#1bbc9b',

        'purple': '#9b59b6',

        'grey': '#95a5a6',

        'yellow': '#F8CB00'

    };



    // initializes main settings

    var handleInit = function() {



        if ($('body').css('direction') === 'rtl') {

            isRTL = true;

        }



        isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);

        isIE9 = !!navigator.userAgent.match(/MSIE 9.0/);

        isIE10 = !!navigator.userAgent.match(/MSIE 10.0/);



        if (isIE10) {

            $('html').addClass('ie10'); // detect IE10 version

        }



        if (isIE10 || isIE9 || isIE8) {

            $('html').addClass('ie'); // detect IE10 version

        }

    };



    // runs callback functions set by App.addResponsiveHandler().

    var _runResizeHandlers = function() {

        // reinitialize other subscribed elements

        for (var i = 0; i < resizeHandlers.length; i++) {

            var each = resizeHandlers[i];

            each.call();

        }

    };



    // handle the layout reinitialization on window resize

    var handleOnResize = function() {

        var resize;

        if (isIE8) {

            var currheight;

            $(window).resize(function() {

                if (currheight == document.documentElement.clientHeight) {

                    return; //quite event since only body resized not window.

                }

                if (resize) {

                    clearTimeout(resize);

                }

                resize = setTimeout(function() {

                    _runResizeHandlers();

                }, 50); // wait 50ms until window resize finishes.                

                currheight = document.documentElement.clientHeight; // store last body client height

            });

        } else {

            $(window).resize(function() {

                if (resize) {

                    clearTimeout(resize);

                }

                resize = setTimeout(function() {

                    _runResizeHandlers();

                }, 50); // wait 50ms until window resize finishes.

            });

        }

    };



    // Handles portlet tools & actions

    var handlePortletTools = function() {

        // handle portlet remove

        $('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function(e) {

            e.preventDefault();

            var portlet = $(this).closest(".portlet");



            if ($('body').hasClass('page-portlet-fullscreen')) {

                $('body').removeClass('page-portlet-fullscreen');

            }



            portlet.find('.portlet-title .fullscreen').tooltip('destroy');

            portlet.find('.portlet-title > .tools > .reload').tooltip('destroy');

            portlet.find('.portlet-title > .tools > .remove').tooltip('destroy');

            portlet.find('.portlet-title > .tools > .config').tooltip('destroy');

            portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy');



            portlet.remove();

        });



        // handle portlet fullscreen

        $('body').on('click', '.portlet > .portlet-title .fullscreen', function(e) {

            e.preventDefault();

            var portlet = $(this).closest(".portlet");

            if (portlet.hasClass('portlet-fullscreen')) {

                $(this).removeClass('on');

                portlet.removeClass('portlet-fullscreen');

                $('body').removeClass('page-portlet-fullscreen');

                portlet.children('.portlet-body').css('height', 'auto');

            } else {

                var height = App.getViewPort().height -

                    portlet.children('.portlet-title').outerHeight() -

                    parseInt(portlet.children('.portlet-body').css('padding-top')) -

                    parseInt(portlet.children('.portlet-body').css('padding-bottom'));



                $(this).addClass('on');

                portlet.addClass('portlet-fullscreen');

                $('body').addClass('page-portlet-fullscreen');

                portlet.children('.portlet-body').css('height', height);

            }

        });



        $('body').on('click', '.portlet > .portlet-title > .tools > a.reload', function(e) {

            e.preventDefault();

            var el = $(this).closest(".portlet").children(".portlet-body");

            var url = $(this).attr("data-url");

            var error = $(this).attr("data-error-display");

            if (url) {

                App.blockUI({

                    target: el,

                    animate: true,

                    overlayColor: 'none'

                });

                $.ajax({

                    type: "GET",

                    cache: false,

                    url: url,

                    dataType: "html",

                    success: function(res) {

                        App.unblockUI(el);

                        el.html(res);

                        App.initAjax() // reinitialize elements & plugins for newly loaded content

                    },

                    error: function(xhr, ajaxOptions, thrownError) {

                        App.unblockUI(el);

                        var msg = 'Error on reloading the content. Please check your connection and try again.';

                        if (error == "toastr" && toastr) {

                            toastr.error(msg);

                        } else if (error == "notific8" && $.notific8) {

                            $.notific8('zindex', 11500);

                            $.notific8(msg, {

                                theme: 'ruby',

                                life: 3000

                            });

                        } else {

                            alert(msg);

                        }

                    }

                });

            } else {

                // for demo purpose

                App.blockUI({

                    target: el,

                    animate: true,

                    overlayColor: 'none'

                });

                window.setTimeout(function() {

                    App.unblockUI(el);

                }, 1000);

            }

        });



        // load ajax data on page init

        $('.portlet .portlet-title a.reload[data-load="true"]').click();



        $('body').on('click', '.portlet > .portlet-title > .tools > .collapse, .portlet .portlet-title > .tools > .expand', function(e) {

            e.preventDefault();

            var el = $(this).closest(".portlet").children(".portlet-body");

            if ($(this).hasClass("collapse")) {

                $(this).removeClass("collapse").addClass("expand");

                el.slideUp(200);

            } else {

                $(this).removeClass("expand").addClass("collapse");

                el.slideDown(200);

            }

        });

    };



    // Handles custom checkboxes & radios using jQuery Uniform plugin

    var handleUniform = function() {

        if (!$().uniform) {

            return;

        }

        var test = $("input[type=checkbox]:not(.toggle, .md-check, .md-radiobtn, .make-switch, .icheck), input[type=radio]:not(.toggle, .md-check, .md-radiobtn, .star, .make-switch, .icheck)");

        if (test.size() > 0) {

            test.each(function() {

                if ($(this).parents(".checker").size() === 0) {

                    $(this).show();

                    $(this).uniform();

                }

            });

        }

    };



    // Handlesmaterial design checkboxes

    var handleMaterialDesign = function() {



        // Material design ckeckbox and radio effects

        $('body').on('click', '.md-checkbox > label, .md-radio > label', function() {

            var the = $(this);

            // find the first span which is our circle/bubble

            var el = $(this).children('span:first-child');

              

            // add the bubble class (we do this so it doesnt show on page load)

            el.addClass('inc');

              

            // clone it

            var newone = el.clone(true);  

              

            // add the cloned version before our original

            el.before(newone);  

              

            // remove the original so that it is ready to run on next click

            $("." + el.attr("class") + ":last", the).remove();

        }); 



        if ($('body').hasClass('page-md')) { 

            // Material design click effect

            // credit where credit's due; http://thecodeplayer.com/walkthrough/ripple-click-effect-google-material-design       

            var element, circle, d, x, y;

            $('body').on('click', 'a.btn, button.btn, input.btn, label.btn', function(e) { 

                element = $(this);

      

                if(element.find(".md-click-circle").length == 0) {

                    element.prepend("<span class='md-click-circle'></span>");

                }

                    

                circle = element.find(".md-click-circle");

                circle.removeClass("md-click-animate");

                

                if(!circle.height() && !circle.width()) {

                    d = Math.max(element.outerWidth(), element.outerHeight());

                    circle.css({height: d, width: d});

                }

                

                x = e.pageX - element.offset().left - circle.width()/2;

                y = e.pageY - element.offset().top - circle.height()/2;

                

                circle.css({top: y+'px', left: x+'px'}).addClass("md-click-animate");



                setTimeout(function() {

                    circle.remove();      

                }, 1000);

            });

        }



        // Floating labels

        var handleInput = function(el) {

            if (el.val() != "") {

                el.addClass('edited');

            } else {

                el.removeClass('edited');

            }

        } 



        $('body').on('keydown', '.form-md-floating-label .form-control', function(e) { 

            handleInput($(this));

        });

        $('body').on('blur', '.form-md-floating-label .form-control', function(e) { 

            handleInput($(this));

        });        



        $('.form-md-floating-label .form-control').each(function(){

            if ($(this).val().length > 0) {

                $(this).addClass('edited');

            }

        });

    }



    // Handles custom checkboxes & radios using jQuery iCheck plugin

    var handleiCheck = function() {

        if (!$().iCheck) {

            return;

        }



        $('.icheck').each(function() {

            var checkboxClass = $(this).attr('data-checkbox') ? $(this).attr('data-checkbox') : 'icheckbox_minimal-grey';

            var radioClass = $(this).attr('data-radio') ? $(this).attr('data-radio') : 'iradio_minimal-grey';



            if (checkboxClass.indexOf('_line') > -1 || radioClass.indexOf('_line') > -1) {

                $(this).iCheck({

                    checkboxClass: checkboxClass,

                    radioClass: radioClass,

                    insert: '<div class="icheck_line-icon"></div>' + $(this).attr("data-label")

                });

            } else {

                $(this).iCheck({

                    checkboxClass: checkboxClass,

                    radioClass: radioClass

                });

            }

        });

    };



    // Handles Bootstrap switches

    var handleBootstrapSwitch = function() {

        if (!$().bootstrapSwitch) {

            return;

        }

        $('.make-switch').bootstrapSwitch();

    };



    // Handles Bootstrap confirmations

    var handleBootstrapConfirmation = function() {

        if (!$().confirmation) {

            return;

        }

        $('[data-toggle=confirmation]').confirmation({ container: 'body', btnOkClass: 'btn btn-sm btn-success', btnCancelClass: 'btn btn-sm btn-danger'});

    }

    

    // Handles Bootstrap Accordions.

    var handleAccordions = function() {

        $('body').on('shown.bs.collapse', '.accordion.scrollable', function(e) {

            App.scrollTo($(e.target));

        });

    };



    // Handles Bootstrap Tabs.

    var handleTabs = function() {

        //activate tab if tab id provided in the URL

        if (location.hash) {

            var tabid = encodeURI(location.hash.substr(1));

            $('a[href="#' + tabid + '"]').parents('.tab-pane:hidden').each(function() {

                var tabid = $(this).attr("id");

                $('a[href="#' + tabid + '"]').click();

            });

            $('a[href="#' + tabid + '"]').click();

        }



        if ($().tabdrop) {

            $('.tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs').tabdrop({

                text: '<i class="fa fa-ellipsis-v"></i>&nbsp;<i class="fa fa-angle-down"></i>'

            });

        }

    };



    // Handles Bootstrap Modals.

    var handleModals = function() {        

        // fix stackable modal issue: when 2 or more modals opened, closing one of modal will remove .modal-open class. 

        $('body').on('hide.bs.modal', function() {

            if ($('.modal:visible').size() > 1 && $('html').hasClass('modal-open') === false) {

                $('html').addClass('modal-open');

            } else if ($('.modal:visible').size() <= 1) {

                $('html').removeClass('modal-open');

            }

        });



        // fix page scrollbars issue

        $('body').on('show.bs.modal', '.modal', function() {

            if ($(this).hasClass("modal-scroll")) {

                $('body').addClass("modal-open-noscroll");

            }

        });



        // fix page scrollbars issue

        $('body').on('hide.bs.modal', '.modal', function() {

            $('body').removeClass("modal-open-noscroll");

        });



        // remove ajax content and remove cache on modal closed 

        $('body').on('hidden.bs.modal', '.modal:not(.modal-cached)', function () {

            $(this).removeData('bs.modal');

        });

    };



    // Handles Bootstrap Tooltips.

    var handleTooltips = function() {

        // global tooltips

        $('.tooltips').tooltip();



        // portlet tooltips

        $('.portlet > .portlet-title .fullscreen').tooltip({

            container: 'body',

            title: 'Fullscreen'

        });

        $('.portlet > .portlet-title > .tools > .reload').tooltip({

            container: 'body',

            title: 'Reload'

        });

        $('.portlet > .portlet-title > .tools > .remove').tooltip({

            container: 'body',

            title: 'Remove'

        });

        $('.portlet > .portlet-title > .tools > .config').tooltip({

            container: 'body',

            title: 'Settings'

        });

        $('.portlet > .portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip({

            container: 'body',

            title: 'Collapse/Expand'

        });

    };



    // Handles Bootstrap Dropdowns

    var handleDropdowns = function() {

        /*

          Hold dropdown on click  

        */

        $('body').on('click', '.dropdown-menu.hold-on-click', function(e) {

            e.stopPropagation();

        });

    };



    var handleAlerts = function() {

        $('body').on('click', '[data-close="alert"]', function(e) {

            $(this).parent('.alert').hide();

            $(this).closest('.note').hide();

            e.preventDefault();

        });



        $('body').on('click', '[data-close="note"]', function(e) {

            $(this).closest('.note').hide();

            e.preventDefault();

        });



        $('body').on('click', '[data-remove="note"]', function(e) {

            $(this).closest('.note').remove();

            e.preventDefault();

        });

    };



    // Handle Hower Dropdowns

    var handleDropdownHover = function() {

        $('[data-hover="dropdown"]').not('.hover-initialized').each(function() {

            $(this).dropdownHover();

            $(this).addClass('hover-initialized');

        });

    };



    // Handle textarea autosize 

    var handleTextareaAutosize = function() {

        if (typeof(autosize) == "function") {

            autosize(document.querySelector('textarea.autosizeme'));

        }

    }



    // Handles Bootstrap Popovers



    // last popep popover

    var lastPopedPopover;



    var handlePopovers = function() {

        $('.popovers').popover();



        // close last displayed popover



        $(document).on('click.bs.popover.data-api', function(e) {

            if (lastPopedPopover) {

                lastPopedPopover.popover('hide');

            }

        });

    };



    // Handles scrollable contents using jQuery SlimScroll plugin.

    var handleScrollers = function() {

        App.initSlimScroll('.scroller');

    };



    // Handles Image Preview using jQuery Fancybox plugin

    var handleFancybox = function() {

        if (!jQuery.fancybox) {

            return;

        }



        if ($(".fancybox-button").size() > 0) {

            $(".fancybox-button").fancybox({

                groupAttr: 'data-rel',

                prevEffect: 'none',

                nextEffect: 'none',

                closeBtn: true,

                helpers: {

                    title: {

                        type: 'inside'

                    }

                }

            });

        }

    };



    // Handles counterup plugin wrapper

    var handleCounterup = function() {

        if (!$().counterUp) {

            return;

        }



        $("[data-counter='counterup']").counterUp({

            delay: 10,

            time: 1000

        });

    };



    // Fix input placeholder issue for IE8 and IE9

    var handleFixInputPlaceholderForIE = function() {

        //fix html5 placeholder attribute for ie7 & ie8

        if (isIE8 || isIE9) { // ie8 & ie9

            // this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)

            $('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function() {

                var input = $(this);



                if (input.val() === '' && input.attr("placeholder") !== '') {

                    input.addClass("placeholder").val(input.attr('placeholder'));

                }



                input.focus(function() {

                    if (input.val() == input.attr('placeholder')) {

                        input.val('');

                    }

                });



                input.blur(function() {

                    if (input.val() === '' || input.val() == input.attr('placeholder')) {

                        input.val(input.attr('placeholder'));

                    }

                });

            });

        }

    };



    // Handle Select2 Dropdowns

    var handleSelect2 = function() {

        if ($().select2) {

            $.fn.select2.defaults.set("theme", "bootstrap");

            $('.select2me').select2({

                placeholder: "Select",

                width: 'auto', 

                allowClear: true

            });

        }

    };



    // handle group element heights

   var handleHeight = function() {

       $('[data-auto-height]').each(function() {

            var parent = $(this);

            var items = $('[data-height]', parent);

            var height = 0;

            var mode = parent.attr('data-mode');

            var offset = parseInt(parent.attr('data-offset') ? parent.attr('data-offset') : 0);



            items.each(function() {

                if ($(this).attr('data-height') == "height") {

                    $(this).css('height', '');

                } else {

                    $(this).css('min-height', '');

                }



                var height_ = (mode == 'base-height' ? $(this).outerHeight() : $(this).outerHeight(true));

                if (height_ > height) {

                    height = height_;

                }

            });



            height = height + offset;



            items.each(function() {

                if ($(this).attr('data-height') == "height") {

                    $(this).css('height', height);

                } else {

                    $(this).css('min-height', height);

                }

            });



            if(parent.attr('data-related')) {

                $(parent.attr('data-related')).css('height', parent.height());

            }

       });       

    }

    

    //* END:CORE HANDLERS *//



    return {



        //main function to initiate the theme

        init: function() {

            //IMPORTANT!!!: Do not modify the core handlers call order.



            //Core handlers

            handleInit(); // initialize core variables

            handleOnResize(); // set and handle responsive    



            //UI Component handlers     

            handleMaterialDesign(); // handle material design       

            handleUniform(); // hanfle custom radio & checkboxes

            handleiCheck(); // handles custom icheck radio and checkboxes

            handleBootstrapSwitch(); // handle bootstrap switch plugin

            handleScrollers(); // handles slim scrolling contents 

            handleFancybox(); // handle fancy box

            handleSelect2(); // handle custom Select2 dropdowns

            handlePortletTools(); // handles portlet action bar functionality(refresh, configure, toggle, remove)

            handleAlerts(); //handle closabled alerts

            handleDropdowns(); // handle dropdowns

            handleTabs(); // handle tabs

            handleTooltips(); // handle bootstrap tooltips

            handlePopovers(); // handles bootstrap popovers

            handleAccordions(); //handles accordions 

            handleModals(); // handle modals

            handleBootstrapConfirmation(); // handle bootstrap confirmations

            handleTextareaAutosize(); // handle autosize textareas

            handleCounterup(); // handle counterup instances



            //Handle group element heights

            this.addResizeHandler(handleHeight); // handle auto calculating height on window resize



            // Hacks

            handleFixInputPlaceholderForIE(); //IE8 & IE9 input placeholder issue fix

        },



        //main function to initiate core javascript after ajax complete

        initAjax: function() {

            handleUniform(); // handles custom radio & checkboxes     

            handleiCheck(); // handles custom icheck radio and checkboxes

            handleBootstrapSwitch(); // handle bootstrap switch plugin

            handleDropdownHover(); // handles dropdown hover       

            handleScrollers(); // handles slim scrolling contents 

            handleSelect2(); // handle custom Select2 dropdowns

            handleFancybox(); // handle fancy box

            handleDropdowns(); // handle dropdowns

            handleTooltips(); // handle bootstrap tooltips

            handlePopovers(); // handles bootstrap popovers

            handleAccordions(); //handles accordions 

            handleBootstrapConfirmation(); // handle bootstrap confirmations

        },



        //init main components 

        initComponents: function() {

            this.initAjax();

        },



        //public function to remember last opened popover that needs to be closed on click

        setLastPopedPopover: function(el) {

            lastPopedPopover = el;

        },



        //public function to add callback a function which will be called on window resize

        addResizeHandler: function(func) {

            resizeHandlers.push(func);

        },



        //public functon to call _runresizeHandlers

        runResizeHandlers: function() {

            _runResizeHandlers();

        },



        // wrApper function to scroll(focus) to an element

        scrollTo: function(el, offeset) {

            var pos = (el && el.size() > 0) ? el.offset().top : 0;



            if (el) {

                if ($('body').hasClass('page-header-fixed')) {

                    pos = pos - $('.page-header').height();

                } else if ($('body').hasClass('page-header-top-fixed')) {

                    pos = pos - $('.page-header-top').height();

                } else if ($('body').hasClass('page-header-menu-fixed')) {

                    pos = pos - $('.page-header-menu').height();

                }

                pos = pos + (offeset ? offeset : -1 * el.height());

            }



            $('html,body').animate({

                scrollTop: pos

            }, 'slow');

        },



        initSlimScroll: function(el) {

            $(el).each(function() {

                if ($(this).attr("data-initialized")) {

                    return; // exit

                }



                var height;



                if ($(this).attr("data-height")) {

                    height = $(this).attr("data-height");

                } else {

                    height = $(this).css('height');

                }



                $(this).slimScroll({

                    allowPageScroll: true, // allow page scroll when the element scroll is ended

                    size: '7px',

                    color: ($(this).attr("data-handle-color") ? $(this).attr("data-handle-color") : '#bbb'),

                    wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),

                    railColor: ($(this).attr("data-rail-color") ? $(this).attr("data-rail-color") : '#eaeaea'),

                    position: isRTL ? 'left' : 'right',

                    height: height,

                    alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),

                    railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),

                    disableFadeOut: true

                });



                $(this).attr("data-initialized", "1");

            });

        },



        destroySlimScroll: function(el) {

            $(el).each(function() {

                if ($(this).attr("data-initialized") === "1") { // destroy existing instance before updating the height

                    $(this).removeAttr("data-initialized");

                    $(this).removeAttr("style");



                    var attrList = {};



                    // store the custom attribures so later we will reassign.

                    if ($(this).attr("data-handle-color")) {

                        attrList["data-handle-color"] = $(this).attr("data-handle-color");

                    }

                    if ($(this).attr("data-wrapper-class")) {

                        attrList["data-wrapper-class"] = $(this).attr("data-wrapper-class");

                    }

                    if ($(this).attr("data-rail-color")) {

                        attrList["data-rail-color"] = $(this).attr("data-rail-color");

                    }

                    if ($(this).attr("data-always-visible")) {

                        attrList["data-always-visible"] = $(this).attr("data-always-visible");

                    }

                    if ($(this).attr("data-rail-visible")) {

                        attrList["data-rail-visible"] = $(this).attr("data-rail-visible");

                    }



                    $(this).slimScroll({

                        wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),

                        destroy: true

                    });



                    var the = $(this);



                    // reassign custom attributes

                    $.each(attrList, function(key, value) {

                        the.attr(key, value);

                    });



                }

            });

        },



        // function to scroll to the top

        scrollTop: function() {

            App.scrollTo();

        },



        // wrApper function to  block element(indicate loading)

        blockUI: function(options) {

            options = $.extend(true, {}, options);

            var html = '';

            if (options.animate) {

                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '">' + '<div class="block-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' + '</div>';

            } else if (options.iconOnly) {

                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""></div>';

            } else if (options.textOnly) {

                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><span>&nbsp;&nbsp;' + (options.message ? options.message : 'LOADING...') + '</span></div>';

            } else {

                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""><span>&nbsp;&nbsp;' + (options.message ? options.message : 'LOADING...') + '</span></div>';

            }



            if (options.target) { // element blocking

                var el = $(options.target);

                if (el.height() <= ($(window).height())) {

                    options.cenrerY = true;

                }

                el.block({

                    message: html,

                    baseZ: options.zIndex ? options.zIndex : 1000,

                    centerY: options.cenrerY !== undefined ? options.cenrerY : false,

                    css: {

                        top: '10%',

                        border: '0',

                        padding: '0',

                        backgroundColor: 'none'

                    },

                    overlayCSS: {

                        backgroundColor: options.overlayColor ? options.overlayColor : '#555',

                        opacity: options.boxed ? 0.05 : 0.1,

                        cursor: 'wait'

                    }

                });

            } else { // page blocking

                $.blockUI({

                    message: html,

                    baseZ: options.zIndex ? options.zIndex : 1000,

                    css: {

                        border: '0',

                        padding: '0',

                        backgroundColor: 'none'

                    },

                    overlayCSS: {

                        backgroundColor: options.overlayColor ? options.overlayColor : '#555',

                        opacity: options.boxed ? 0.05 : 0.1,

                        cursor: 'wait'

                    }

                });

            }

        },



        // wrApper function to  un-block element(finish loading)

        unblockUI: function(target) {

            if (target) {

                $(target).unblock({

                    onUnblock: function() {

                        $(target).css('position', '');

                        $(target).css('zoom', '');

                    }

                });

            } else {

                $.unblockUI();

            }

        },



        startPageLoading: function(options) {

            if (options && options.animate) {

                $('.page-spinner-bar').remove();

                $('body').append('<div class="page-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>');

            } else {

                $('.page-loading').remove();

                $('body').append('<div class="page-loading"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif"/>&nbsp;&nbsp;<span>' + (options && options.message ? options.message : 'Loading...') + '</span></div>');

            }

        },



        stopPageLoading: function() {

            $('.page-loading, .page-spinner-bar').remove();

        },



        alert: function(options) {



            options = $.extend(true, {

                container: "", // alerts parent container(by default placed after the page breadcrumbs)

                place: "append", // "append" or "prepend" in container 

                type: 'success', // alert's type

                message: "", // alert's message

                close: true, // make alert closable

                reset: true, // close all previouse alerts first

                focus: true, // auto scroll to the alert after shown

                closeInSeconds: 0, // auto close after defined seconds

                icon: "" // put icon before the message

            }, options);



            var id = App.getUniqueID("App_alert");



            var html = '<div id="' + id + '" class="custom-alerts alert alert-' + options.type + ' fade in">' + (options.close ? '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>' : '') + (options.icon !== "" ? '<i class="fa-lg fa fa-' + options.icon + '"></i>  ' : '') + options.message + '</div>';



            if (options.reset) {

                $('.custom-alerts').remove();

            }



            if (!options.container) {

                if ($('body').hasClass("page-container-bg-solid") || $('body').hasClass("page-content-white")) {

                    $('.page-title').after(html);

                } else {

                    if ($('.page-bar').size() > 0) {

                        $('.page-bar').after(html);

                    } else {

                        $('.page-breadcrumb').after(html);

                    }

                }

            } else {

                if (options.place == "append") {

                    $(options.container).append(html);

                } else {

                    $(options.container).prepend(html);

                }

            }



            if (options.focus) {

                App.scrollTo($('#' + id));

            }



            if (options.closeInSeconds > 0) {

                setTimeout(function() {

                    $('#' + id).remove();

                }, options.closeInSeconds * 1000);

            }



            return id;

        },



        // initializes uniform elements

        initUniform: function(els) {

            if (els) {

                $(els).each(function() {

                    if ($(this).parents(".checker").size() === 0) {

                        $(this).show();

                        $(this).uniform();

                    }

                });

            } else {

                handleUniform();

            }

        },



        //wrApper function to update/sync jquery uniform checkbox & radios

        updateUniform: function(els) {

            $.uniform.update(els); // update the uniform checkbox & radios UI after the actual input control state changed

        },



        //public function to initialize the fancybox plugin

        initFancybox: function() {

            handleFancybox();

        },



        //public helper function to get actual input value(used in IE9 and IE8 due to placeholder attribute not supported)

        getActualVal: function(el) {

            el = $(el);

            if (el.val() === el.attr("placeholder")) {

                return "";

            }

            return el.val();

        },



        //public function to get a paremeter by name from URL

        getURLParameter: function(paramName) {

            var searchString = window.location.search.substring(1),

                i, val, params = searchString.split("&");



            for (i = 0; i < params.length; i++) {

                val = params[i].split("=");

                if (val[0] == paramName) {

                    return unescape(val[1]);

                }

            }

            return null;

        },



        // check for device touch support

        isTouchDevice: function() {

            try {

                document.createEvent("TouchEvent");

                return true;

            } catch (e) {

                return false;

            }

        },



        // To get the correct viewport width based on  http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

        getViewPort: function() {

            var e = window,

                a = 'inner';

            if (!('innerWidth' in window)) {

                a = 'client';

                e = document.documentElement || document.body;

            }



            return {

                width: e[a + 'Width'],

                height: e[a + 'Height']

            };

        },



        getUniqueID: function(prefix) {

            return 'prefix_' + Math.floor(Math.random() * (new Date()).getTime());

        },



        // check IE8 mode

        isIE8: function() {

            return isIE8;

        },



        // check IE9 mode

        isIE9: function() {

            return isIE9;

        },



        //check RTL mode

        isRTL: function() {

            return isRTL;

        },



        // check IE8 mode

        isAngularJsApp: function() {

            return (typeof angular == 'undefined') ? false : true;

        },



        getAssetsPath: function() {

            return assetsPath;

        },



        setAssetsPath: function(path) {

            assetsPath = path;

        },



        setGlobalImgPath: function(path) {

            globalImgPath = path;

        },



        getGlobalImgPath: function() {

            return assetsPath + globalImgPath;

        },



        setGlobalPluginsPath: function(path) {

            globalPluginsPath = path;

        },



        getGlobalPluginsPath: function() {

            return assetsPath + globalPluginsPath;

        },



        getGlobalCssPath: function() {

            return assetsPath + globalCssPath;

        },



        // get layout color code by color name

        getBrandColor: function(name) {

            if (brandColors[name]) {

                return brandColors[name];

            } else {

                return '';

            }

        },



        getResponsiveBreakpoint: function(size) {

            // bootstrap responsive breakpoints

            var sizes = {

                'xs' : 480,     // extra small

                'sm' : 768,     // small

                'md' : 992,     // medium

                'lg' : 1200     // large

            };



            return sizes[size] ? sizes[size] : 0; 

        }

    };



}();



jQuery(document).ready(function() {    

   App.init(); // init metronic core componets

});