(function ($, window) {
    'use strict';

    var Miniimgbox = function (img_selector, container_selector) {
        return _Miniimgbox(img_selector, container_selector, Miniimgbox.options);
    };

    Miniimgbox.options = {
        group: true,
        thumbs: true,
        down: true,
        play: true,
        zoom: true,
        full: true,
        exclude: '.no-imgbox,.avatar,.img-icon,.avatar-badge', //排除
    };

    Miniimgbox.swiper = '';
    Miniimgbox.thumbs_swiper = '';
    window.Miniimgbox = Miniimgbox;

    function _Miniimgbox(img_selector, container_selector, options) {
        var imgbox_calss = 'mini-imgbox imgbox';
        var imgbox_id = 'mini-imgbox';
        var data_key = 'imgbox_data';
        var imgbox_selector = '#' + imgbox_id;
        var _imgbox = $(imgbox_selector);
        var Miniimgbox = window.Miniimgbox;
        var imgbox_swiper = Miniimgbox.swiper;
        var imgbox_thumbs_swiper = Miniimgbox.thumbs_swiper;
        var _body = $('body');
        var _fixed = $('.nav-fixed header');

        if (!options.group) {
            options.thumbs = false;
        }

        init();

        function init() {
            add_dom();

            if (options.exclude) {
                img_selector += ':not(' + options.exclude + ')';
            }

            var all_img_selector = container_selector ? container_selector + ' ' + img_selector : img_selector;
            container_selector = options.group ? container_selector : false;

            setTimeout(function () {
                update_all_slide_data(img_selector, container_selector); //更新dom数据
            }, 1000);

            //只绑定一次
            if (!_body.data('imgbox-ison-' + all_img_selector)) {
                _body.on('click', all_img_selector, function () {
                    var _this = $(this);
                    imgbox_open(_this, container_selector);
                });
                _body.data('imgbox-ison-' + all_img_selector, true);
            }
        }

        function imgbox_open(_this, container_s) {
            var slide_lists = get_slide_lists(_this, container_s);

            //没有则退出
            if (!slide_lists.slide) {
                return;
            }

            if (slide_lists.node_length > 1) {
                $('.imgbox-an .toggle-palay').show();
            } else {
                $('.imgbox-an .toggle-palay').hide();
            }

            $(imgbox_selector + ' .swiper-imgbox .swiper-wrapper').html(slide_lists.slide);

            if (options.thumbs) {
                $(imgbox_selector + ' .swiper-thumbsbox .swiper-wrapper').html(slide_lists.thumbs);
            }

            var index = ~~_this.attr('imgbox-index') || 0;

            setTimeout(function () {
                if (options.thumbs) {
                    imgbox_thumbs_swiper.update();
                }
                imgbox_swiper.update();
                imgbox_swiper.slideTo(index, 2);
                imgbox_swiper.autoplay.stop();
                thumb_open();
            }, 16);

            show(_this);
        }

        function get_slide_lists(_this, container_s) {
            var data = _this.data(data_key);
            if (data) {
                return data;
            }

            var _container = container_s ? $(_this.parents(container_s)[0]) : {};

            if (_container.length) {
                var _data = _container.data(data_key);
                if (_data && _data.node_length == get_node_length(_container)) {
                    return _data;
                }
            }

            return update_slide_data(_this, _container);
        }

        //获取节点数量
        function get_node_length(_container) {
            return _container.find(img_selector).length;
        }

        function update_all_slide_data(img_selector, container_s) {
            if (container_s) {
                $(container_s).each(function () {
                    var each_this = $(this);
                    if (!each_this.data(data_key)) {
                        update_slide_data(each_this.find(img_selector).eq(0), each_this);
                    }
                });
            } else {
                $(img_selector).each(function () {
                    var each_this = $(this);
                    if (!each_this.data(data_key)) {
                        update_slide_data(each_this, {});
                    }
                });
            }
        }

        //将数据保存到节点
        function update_slide_data(_this, _container) {
            var data = {
                slide: '',
                thumbs: '',
                length: 0,
            };

            if (_container.length) {
                var index = 0;
                _container.find(img_selector).each(function (i) {
                    if (i == 0) {
                        index = 0;
                    }

                    var each_this = $(this);
                    if (!is_no(each_this)) {
                        each_this.attr('imgbox-index', index);
                        data.slide += get_slide(each_this);
                        data.length = index + 1;
                        //缩略图
                        if (options.thumbs) data.thumbs += get_thumbs(each_this);
                        index++;
                    }
                });

                data.node_length = get_node_length(_container);
                _container.data(data_key, data);
            } else {
                if (!is_no(_this) && !_this.find('img').length) {
                    data.slide = get_slide(_this);
                    data.length = index;
                    if (!_this.attr('imgbox-no-cache')) {
                        _this.data(data_key, data);
                    }
                }
            }

            return data;
        }

        //加载dom
        function add_dom() {
            if (_imgbox.length) return;

            var swiper = '<div class="swiper-imgbox"><div class="swiper-wrapper"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="abs-left counter-con"></div></div>';
            var thumbs_swiper = '<div class="swiper-thumbsbox"><div class="swiper-wrapper">' + '' + '</div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="abs-center right-top"><i class="hide-but fa fas fa-angle-down em12"></i></div></div>';

            var button = options.down ? '<a href="javascript:;" download class="img-down toggle-radius mr6" title="' + aksrt__('imgbox_download') + '"><i class="fa fas fa-download"></i></a>' : '';
            if (options.group) {
                button += options.play ? '<a href="javascript:;" class="toggle-palay toggle-radius mr6" title="' + aksrt__('imgbox_play') + '"><i class="fa fas fa-play"></i></a>' : '';
                if (options.thumbs) {
                    button += '<a href="javascript:;" class="toggle-thumbs toggle-radius mr6" title="' + aksrt__('imgbox_view_more') + '"><i class="fa fas fa-th-large"></i></a>';
                    swiper += thumbs_swiper;
                }
            }

            button += options.zoom ? '<a href="javascript:;" class="toggle-zoom toggle-radius mr6" title="' + aksrt__('imgbox_toggle_zoom') + '"><i class="fa fas fa-search"></i></a>' : '';
            button += options.full ? '<a href="javascript:;" class="hide-sm toggle-full toggle-radius mr6" title="' + aksrt__('imgbox_toggle_full') + '"><i class="fa fas fa-expand"></i></a>' : '';
            button += '<a href="javascript:;" title="' + aksrt__('close') + '" class="icon-close toggle-radius"><svg viewBox="0 0 1024 1024" class="icon em12"><path d="M573.44 512.128l237.888 237.696a43.328 43.328 0 0 1 0 59.712 43.392 43.392 0 0 1-59.712 0L513.728 571.84 265.856 819.712a44.672 44.672 0 0 1-61.568 0 44.672 44.672 0 0 1 0-61.568L452.16 510.272 214.208 272.448a43.328 43.328 0 0 1 0-59.648 43.392 43.392 0 0 1 59.712 0l237.952 237.76 246.272-246.272a44.672 44.672 0 0 1 61.568 0 44.672 44.672 0 0 1 0 61.568L573.44 512.128z"></path></svg></a>';

            _body.append('<div class="' + imgbox_calss + '" id="' + imgbox_id + '"><div class="modal-backdrop imgbox-bg"></div><div class="imgbox-an">' + button + '</div>' + swiper + '</div>');

            _imgbox = $(imgbox_selector);

            new_swiper();
            imgbox_on();
        }

        function new_swiper() {
            var selector = imgbox_selector + ' .swiper-imgbox';
            var speed = ~~(($(window).width() + 1600) / 600);
            var option = {};
            //	option['init'] = false;
            option['mousewheel'] = {
                speed: 10,
            };
            option['speed'] = speed * 100;

            option['zoom'] = {
                maxRatio: $(window).width() < 769 ? 3 : 2,
            };

            option['autoplay'] = {
                disableOnInteraction: false,
            };
            option['grabCursor'] = true;
            option['navigation'] = {
                nextEl: selector + ' .swiper-button-next',
                prevEl: selector + ' .swiper-button-prev',
            };
            option['keyboard'] = {
                enabled: !0,
                onlyInViewport: !1,
            };
            option['pagination'] = {
                el: selector + ' .counter-con',
                type: 'custom',
                renderCustom: function (swiper, current, total) {
                    if (total > 1) {
                        return '<badge class="b-black counter">' + current + '/' + total + '</badge>';
                    }
                    return '';
                },
            };
            if (options.thumbs && options.group) {
                new_thumbs_swiper();
                option['thumbs'] = {
                    swiper: imgbox_thumbs_swiper,
                    autoScrollOffset: ~~(speed / 1.6),
                };
            }

            Miniimgbox.swiper = imgbox_swiper = new Swiper(selector, option);
        }

        function new_thumbs_swiper() {
            var selector = imgbox_selector + ' .swiper-thumbsbox';
            var option = {};
            //	option['init'] = true;
            option['watchSlidesVisibility'] = true; //防止不可点击
            option['navigation'] = {
                nextEl: selector + ' .swiper-button-next',
                prevEl: selector + ' .swiper-button-prev',
            };
            option.slidesPerView = 'auto';
            option.freeMode = true;
            option.freeModeSticky = true;
            Miniimgbox.thumbs_swiper = imgbox_thumbs_swiper = new Swiper(selector, option);
        }

        //绑定执行
        function imgbox_on() {
            //仅绑定一次
            if (_imgbox.data('is_on')) return;

            //下滑关闭
            touch_close();

            //关闭灯箱
            _imgbox.on('click', '.img-close,.imgbox-bg,.imgbox-an .icon-close', close);

            //切换thumb
            _imgbox.on('click', '.imgbox-an .toggle-thumbs,.hide-but', function () {
                _imgbox.toggleClass('show-thumb');
            });

            //下载图片
            _imgbox.on('click', '.imgbox-an .img-down', function () {
                var _this = $(this);
                var img = _imgbox.find('.swiper-imgbox .swiper-slide-active img');
                var src = img.attr('data-src') || img.attr('src');
                var down_name = src.substring(src.lastIndexOf('/') + 1) || src;

                _this.attr('href', src).attr('download', down_name);
            });

            //播放图片
            _imgbox.on('click', '.imgbox-an .toggle-palay', function () {
                var _this = $(this);

                _this.hasClass('is-play') ? imgbox_swiper.autoplay.stop() : imgbox_swiper.autoplay.start();
                _this.toggleClass('is-play');
            });

            //按钮切换放大缩小
            _imgbox.on('click', '.imgbox-an .toggle-zoom', function () {
                var _this = $(this);
                imgbox_swiper.zoom.toggle();
                _this.toggleClass('is-zoom');
            });

            //切换全屏
            _imgbox.on('click', '.imgbox-an .toggle-full', function () {
                if (!document.fullscreenElement) {
                    //进入页面全屏
                    full_in();
                } else {
                    full_out();
                }
            });

            _imgbox.data('is_on', true);
        }

        //全屏
        function full_in() {
            var docElm = document.documentElement;
            if (docElm.requestFullscreen) {
                docElm.requestFullscreen();
            } else if (docElm.msRequestFullscreen) {
                docElm.msRequestFullscreen();
            } else if (docElm.mozRequestFullScreen) {
                docElm.mozRequestFullScreen();
            } else if (docElm.webkitRequestFullScreen) {
                docElm.webkitRequestFullScreen();
            }
            $(imgbox_selector + ' .imgbox-an .toggle-full .fa')
                .removeClass('fa-expand')
                .addClass('fa-compress');
            $(imgbox_selector + '.show').addClass('full-screen'); //全屏
        }

        //退出全屏
        function full_out() {
            if (document.fullscreenElement) {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                }
            }

            $(imgbox_selector + ' .imgbox-an .toggle-full .fa')
                .removeClass('fa-compress')
                .addClass('fa-expand');
            _imgbox.removeClass('full-screen'); //全屏
        }

        //链接处理
        function link_replace(link) {
            return link.indexOf('base64,') == -1 && link.length < 300 ? link.replace(/(.*\/)(.*)(-\d+x\d+\.)(.*)/g, '$1$2.$4').replace(/\??x-oss-process(.*)/, '') : link;
        }

        //定位show_style
        function show_style(_this) {
            var offset = _this.offset();
            var offset_top = offset.top;
            var offset_left = offset.left;
            var scrollTop = $(document).scrollTop();
            var height = _this.height();
            var width = _this.width();

            var s_top = offset_top - scrollTop + height / 2;
            var s_left = offset_left + width / 2;

            _imgbox.attr('style', '--imgbox-origin-top:' + s_top + 'px;--imgbox-origin-left:' + s_left + 'px;');
        }

        function thumb_open() {
            var _thumb_btn = $(imgbox_selector + ' .imgbox-an .toggle-thumbs,.hide-but');

            if (options.thumbs && _thumb_btn.length) {
                if (imgbox_swiper.slides.length > 1) {
                    _thumb_btn.show();
                } else {
                    _imgbox.removeClass('show-thumb');
                    _thumb_btn.hide();
                }
            }
        }

        function checkScrollbar() {
            var fullWindowWidth = window.innerWidth;
            if (!fullWindowWidth) {
                // 兼容IE8
                var documentElementRect = document.documentElement.getBoundingClientRect();
                fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left);
            }
            return document.body.clientWidth < fullWindowWidth;
        }

        function measureScrollbar() {
            var scrollbarWidthData = _body.data('scrollbar-width');
            if (scrollbarWidthData !== undefined) {
                return scrollbarWidthData;
            }
            // thx walsh
            var scrollDiv = document.createElement('div');
            scrollDiv.className = 'modal-scrollbar-measure';
            _body.append(scrollDiv);
            var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
            _body[0].removeChild(scrollDiv);
            _body.data('scrollbar-width', scrollbarWidth);
            return scrollbarWidth;
        }

        function setScrollbar() {
            var bodyPad = parseInt(_body.css('padding-right') || 0, 10);
            var scrollbarWidth = measureScrollbar();
            if (checkScrollbar()) {
                _body.css('padding-right', bodyPad + scrollbarWidth);
                _fixed.each(function (index, element) {
                    var actualPadding = element.style.paddingRight;
                    var calculatedPadding = $(element).css('padding-right');
                    $(element)
                        .data('padding-right', actualPadding)
                        .css('transition', 'none')
                        .css('padding-right', parseFloat(calculatedPadding) + scrollbarWidth + 'px');
                });
            }
        }
        //显示
        function show(_this) {
            setScrollbar();
            _body.addClass('imgbox-show');
            //$(".modal").modal("hide");
            show_style(_this);
            _imgbox.addClass('show').removeClass('hide');
        }

        function close() {
            _body.removeClass('imgbox-show').css('padding-right', '');
            //等待动画结束，延迟
            _fixed.css('padding-right', '');
            setTimeout(function () {
                _fixed.css('transition', '');
            }, 10);
            _imgbox.addClass('hideing').removeClass('show');
            full_out(); //退出全屏

            setTimeout(function () {
                _imgbox.removeClass('hideing').addClass('hide').attr('style', '');

                $('.toggle-palay.is-play').removeClass('is-play'); //停止播放

                try {
                    imgbox_swiper.zoom.out(); //恢复放大缩小
                    imgbox_swiper.autoplay.stop(); //停止播放
                } catch (e) {
                    console.log(e);
                }

                //恢复下滑关闭
                $(imgbox_selector + ' .swiper-close').css({
                    opacity: '',
                    transform: '',
                });
            }, 300);
        }

        //滑动关闭
        function touch_close() {
            _imgbox.on('touchmove pointermove MSPointerMove', function (e) {
                e.preventDefault ? e.preventDefault() : (e.returnValue = !1);
            });

            _imgbox.minitouch({
                direction: 'bottom',
                selector: '.swiper-close',
                depreciation: 100,
                onStart: false,
                stop: function (_e, _this) {
                    var scale = _this
                        .find('img')
                        .css('transform')
                        .replace(/[^0-9\-,]/g, '')
                        .split(',')[0];
                    return scale && scale > 1;
                },
                onIng: function (_e, _this, distanceX, distanceY) {
                    var set_opacity = (150 - distanceY) / 80;
                    set_opacity = set_opacity < 1 && set_opacity > 0.2 && set_opacity;
                    _this.css('opacity', set_opacity);
                },
                inEnd: function (_e, _this) {
                    _this.css({
                        opacity: '',
                    });
                },
                onEnd: function (_e, _this) {
                    _imgbox.attr('style', '--imgbox-origin-top:' + t_h + 'px;--imgbox-origin-left:conter;');
                    var t_h = _this.height();
                    _this.css({
                        transform: 'translate3D(0px, ' + t_h + 'px, 0px)',
                        transition: '.2s linear',
                        opacity: 0,
                    });
                    //    close();
                    setTimeout(close, 150);
                },
            });
        }

        function get_slide(each_this) {
            var thumbs_src = each_this.attr('src') || each_this.attr('box-img');
            var data_src = each_this.attr('data-src');

            if (!thumbs_src && !data_src) return '';

            var full_src = each_this.attr('data-full-url') || link_replace(data_src || thumbs_src);
            var main_img = '<img src="' + thumbs_src + '" data-src="' + full_src + '"  class="lazyload"><div class="swiper-lazy-preloader"></div>';
            var main_img_html = '<div class="swiper-slide"><div class="swiper-close"><div class="swiper-zoom-container"><div class="absolute img-close"></div>' + main_img + '</div></div></div>';
            return main_img_html;
        }

        function get_thumbs(each_this) {
            var thumbs_src_b = each_this.attr('data-src') || each_this.attr('src');
            if (!thumbs_src_b) return '';
            var thumbs_img = '<img data-src="' + thumbs_src_b + '"  class="lazyload fit-cover">';
            var thumbs_img_html = '<div class="swiper-slide">' + thumbs_img + '</div>';
            return thumbs_img_html;
        }

        function is_no(_this) {
            //判断上级是否有链接，且不是链接到原图
            var src = _this.attr('data-src') || _this.attr('src');
            if (!src) return false;

            src = link_replace(src);
            var parent = _this.parent('a');
            if (!parent.length) return false;
            var href = parent.attr('box-img') || parent.attr('href');
            href = link_replace(href);
            return href && (href.indexOf(src) == -1 || src.indexOf(href) == -1);
        }
    }

    tbquire(['swiper'], function () {
        $('link#swiper').length || $('head').append('<link type="text/css" id="swiper" rel="stylesheet" href="' + _win.uri + '/css/swiper.min.css?ver=' + _win.ver + '">');

        Miniimgbox.options.group = _win.imgbox_type === 'group';
        Miniimgbox.options.thumbs = _win.imgbox_thumbs;
        Miniimgbox.options.down = _win.imgbox_down;
        Miniimgbox.options.play = _win.imgbox_play;
        Miniimgbox.options.zoom = _win.imgbox_zoom;
        Miniimgbox.options.full = _win.imgbox_full;

        Miniimgbox('.alone-imgbox-img,a[data-imgbox]');
        Miniimgbox('img', '.wp-posts-content');
        Miniimgbox('img', '.imgbox-container');
        Miniimgbox('.box-img', '.comment-content');
    });
})(jQuery, window);