! function($) {
    var DrSlider = function(a, b) {
        this.width = void 0, this.height = void 0, this.parent_width = void 0, this.num_slides = 0, this.current_slide = void 0, this.$sliders = void 0, this.$very_current_slide = void 0, this.is_pause = !1, this.play_timer = !0, this.active_timer = !1, this.on_transition = !1, this._$progress_bar = void 0, this.all_transitions = ["slide-left", "slide-right", "slide-top", "slide-bottom", "fade", "split", "split3d", "door", "wave-left", "wave-right", "wave-top", "wave-bottom"], this.requestFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(a) {
            return window.setTimeout(a, 1e3 / 60)
        }, this.options = {
            width: void 0,
            height: void 0,
            userCSS: !1,
            transitionSpeed: 1e3,
            duration: 4e3,
            showNavigation: !0,
            classNavigation: void 0,
            navigationColor: "#9F1F22",
            navigationHoverColor: "#D52B2F",
            navigationHighlightColor: "#DFDFDF",
            navigationNumberColor: "#000000",
            positionNavigation: "out-center-bottom",
            navigationType: "number",
            showControl: !0,
            classButtonNext: void 0,
            classButtonPrevious: void 0,
            controlColor: "#FFFFFF",
            controlBackgroundColor: "#000000",
            positionControl: "left-right",
            transition: "slide-left",
            showProgress: !0,
            progressColor: "#797979",
            pauseOnHover: !0,
            onReady: void 0
        };
        var c = '					<style id="devrama-css" type="text/css">					.devrama-slider,					.devrama-slider *,					.devrama-slider *::before,					.devrama-slider *::after{					 -webkit-box-sizing: border-box;					    -moz-box-sizing: border-box;					         box-sizing: border-box;					}					</style>					';
        0 == $("#devrama-css").length && ($("html>head").length > 0 ? $("html>head").append(c) : $("body").append(c)), $.extend(this.options, b), this.$ele = $(a), this.$ele.wrapInner('<div class="inner devrama-slider"><div class="projector"></div></div>'), this.$ele_in = this.$ele.children(".inner:first"), this.$ele_projector = this.$ele_in.children(".projector:first")
    };
    DrSlider.prototype = {
        _init: function() {
            var a = this;
            this._stopTimer(function() {
                a._prepare(function() {
                    "function" == typeof a.options.onReady && a.options.onReady(), a._playSlide(), $(window).on("resize.DrSlider", function() {
                        a._resize()
                    })
                })
            }), this.options.pauseOnHover && (this.$ele_in.on("mouseenter", function() {
                a.is_pause = !0, a._showButtons()
            }), this.$ele_in.on("mouseleave", function() {
                a.is_pause = !1, a._hideButtons()
            }))
        },
        _getEndEvent: function(a) {
            var b = "webkit Moz Ms o Khtml".split(" ");
            b.length;
            if (a in document.body.style) return a + "end";
            a = a.charAt(0).toUpperCase() + a.slice(1);
            for (var c = 0; c < b.length; c++)
                if (b[c] + a in document.body.style) return b[c] + a + "End";
            return !1
        },
        _animate: function(a, b, c, d, e, f, g) {
            var h;
            if (e || (e = 0), h = a instanceof jQuery ? a : $(a), 0 == h.length) return void("function" == typeof f && setTimeout(function() {
                f()
            }, e));
            "number" != typeof d && (d = 0), "number" != typeof e && (e = 0);
            var i;
            if (i = g ? !1 : this._getEndEvent("transition"), i !== !1) {
                var j = 0;
                b && (h.css(b), j = 30), setTimeout(function() {
                    var a = {
                            "-webkit-transition": "all " + d + "ms ease " + e + "ms",
                            "-moz-transition": "all " + d + "ms ease " + e + "ms",
                            "-o-transition": "all " + d + "ms ease " + e + "ms",
                            transition: "all " + d + "ms ease " + e + "ms"
                        },
                        b = $.extend({}, a, c);
                    h.css(b);
                    h.one(i, function() {
                        h.css({
                            "-webkit-transition": "",
                            "-moz-transition": "",
                            "-o-transition": "",
                            transition: ""
                        }), "function" == typeof f && f()
                    })
                }, j)
            } else setTimeout(function() {
                b && h.css(b), h.animate(c, d, function() {
                    f()
                })
            }, e)
        },
        _prepare: function(a) {
            var b = this;
            this.parent_width = this.$ele.parent().width(), "static" == this.$ele.css("position") && this.$ele.css("position", "relative"), this.$ele.css({
                visibility: "hidden",
                width: "auto",
                height: "auto"
            }), this.$ele_in.css({
                position: "relative",
                margin: "0 auto"
            }), this.$ele_projector.css({
                position: "relative",
                overflow: "hidden"
            });
            var c = this.$ele_projector.children("[class!=slider-progress]");
            c.css({
                display: "none",
                position: "absolute",
                top: "0",
                left: "0"
            }), this.$sliders = c, this.num_slides = this.$sliders.length;
            var d = [];
            if (this.$ele_projector.find("[data-lazy-src], [data-lazy-background]").each(function() {
                    var a = $(this).data("lazy-src") || $(this).data("lazy-background");
                    d.push(a)
                }), this._preloadImages(d, function() {}), this.$sliders.each(function() {
                    var a = "data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
                    if (!$(this).hasClass("slider-progress") && !$(this).hasClass("button-slider")) {
                        var b = [],
                            c = !0;
                        $(this).data("lazy-background") ? ($(this).addClass("primary-img background"), b.push($(this).data("lazy-background"))) : $(this).data("lazy-src") ? ($(this).addClass("primary-img image"), $(this).css("vertical-align", "bottom"), $(this).attr("src", a), b.push($(this).data("lazy-src"))) : 1 == $(this).children().length && 1 == $(this).children("img").length ? $(this).children("img[data-lazy-src]:first").addClass("primary-img image") : c = !1, $(this).find("[data-lazy-src]").each(function() {
                            $(this).css("vertical-align", "bottom"), $(this).attr("src", a), b.push($(this).data("lazy-src"))
                        }), $(this).find("[data-lazy-background]").each(function() {
                            b.push($(this).data("lazy-background"))
                        }), $(this).data({
                            "has-main-image": c,
                            images: b
                        }), $(this).children("[data-pos]").css("display", "none")
                    }
                }), this.options.width && this.options.height) {
                var e = {
                    width: this.options.width,
                    height: this.options.height
                };
                this.width = e.width, this.height = e.height, this.$ele_in.css(e), this.$ele_projector.css(e), b.num_slides > 1 && b.options.showControl && b._attachControl(), b.num_slides > 1 && b.options.showNavigation && b._attachNavigation(), b.options.classNavigation && b._attachUserNavigation(), (b.options.classButtonPrevious || b.options.classButtonNext) && b._attachUserControlEvent(), a()
            } else {
                var f = new Image;
                f.onload = f.onerror = function() {
                    var c = {
                        width: f.width,
                        height: f.height
                    };
                    b.width = c.width, b.height = c.height, b.$ele_in.css(c), b.$ele_projector.css(c), b.num_slides > 1 && b.options.showControl && b._attachControl(), b.num_slides > 1 && b.options.showNavigation && b._attachNavigation(), b.options.classNavigation && b._attachUserNavigation(), (b.options.classButtonPrevious || b.options.classButtonNext) && b._attachUserControlEvent(), a()
                }, f.src = this.$sliders.first().data("images")[0]
            }
        },
        _resetSize: function(a, b, c, d) {
            var e, f, g = {
                width: b,
                height: c
            };
            a ? (e = a, f = a.find(".primary-img:first"), $prev_target1 = this.$ele_projector.children(".active.primary-img:first"), $prev_target2 = this.$ele_projector.children(".active").find(".primary-img:first")) : (e = this.$ele_projector.children(".active"), f = this.$ele_projector.children(".active").find(".primary-img:first")), e.css(g), f.css(g), a ? this.width != b || this.height != c ? ($prev_target1.animate(g), $prev_target2.animate(g), this.$ele_in.css(g), this.$ele_projector.animate(g, function() {
                "function" == typeof d && d()
            })) : "function" == typeof d && d() : (1 == this.on_transition && this.$very_current_slide.css({
                display: "block",
                top: "0",
                left: "0",
                "z-index": "5",
                width: b,
                height: c
            }), this.$ele_in.css(g), this.$ele_projector.css(g), "function" == typeof d && d()), this.width = b, this.height = c
        },
        _resize: function(a, b) {
            var c = this;
            this.parent_width = this.$ele.parent().width();
            var d, e, f;
            f = this.options.width && this.options.height ? {
                width: this.options.width,
                height: this.options.height
            } : a ? a.data("original") : this.$ele_projector.children(".active").data("original"), f.width > c.parent_width ? (d = c.parent_width, e = d * f.height / f.width) : (d = f.width, e = f.height), this._resetSize(a, d, e, b)
        },
        _attachUserControlEvent: function() {
            var a = this;
            this.options.classButtonPrevious && $("." + this.options.classButtonPrevious).on("click", function(b) {
                b && b.preventDefault(), 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                    a._startTimer(function() {
                        a._prev()
                    })
                })
            }), this.options.classButtonNext && $("." + this.options.classButtonNext).on("click", function(b) {
                b && b.preventDefault(), 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                    a._startTimer(function() {
                        a._next()
                    })
                })
            })
        },
        _attachUserNavigation: function() {
            var a = this,
                b = $("." + this.options.classNavigation).find("[data-index]");
            0 == b.length && (b = $("." + this.options.classNavigation).children()), b.on("click", function(c) {
                if (c && c.preventDefault(), 0 != a.play_timer && 1 != a.on_transition) {
                    b.removeClass("active"), $(this).addClass("active");
                    var d;
                    if ($(this).data("index") && "" != $(this).data("index")) {
                        var e = a.$ele_projector.children("[data-index='" + $(this).data("index") + "']").index();
                        d = e > 0 ? e : $(this).data("index")
                    } else d = $(this).index();
                    d != a.current_slide && 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                        d > 0 ? a.current_slide = d - 1 : a.current_slide = a.num_slides - 1, a._startTimer(function() {
                            a._next()
                        })
                    })
                }
            })
        },
        _updateNavigation: function() {
            if (this.options.classNavigation) {
                $("." + this.options.classNavigation).find(".active").removeClass("active");
                var a = this.$sliders.eq(this.current_slide).data("index");
                if ("undefined" != typeof a && "" != a) $("." + this.options.classNavigation).find("[data-index='" + a + "']").addClass("active");
                else {
                    var b = $("." + this.options.classNavigation).children().eq(this.current_slide).data("index");
                    b && "" != b || $("." + this.options.classNavigation).children().eq(this.current_slide).addClass("active")
                }
            }
            this.$ele_projector.next(".navigation").find(".nav-link").removeClass("active"), this.$ele_projector.next(".navigation").find(".nav-link.index" + this.current_slide).addClass("active"), this.options.userCSS || (this.$ele_projector.next(".navigation").find(".nav-link").css({
                "background-color": this.options.navigationColor
            }), this.$ele_projector.next(".navigation").find(".nav-link.index" + this.current_slide).css({
                "background-color": this.options.navigationHighlightColor
            }))
        },
        _attachNavigation: function() {
            if (!(this.num_slides < 2)) {
                for (var a = this, b = "", c = 0; c < this.num_slides; c++) b += '<span class="nav-link index' + c + '" data-num="' + c + '">' + (c + 1) + "</span>";
                this.$ele_projector.after('<div class="navigation devrama-slider"><div class="inner">' + b + "</div></div>");
                var d = this.options.positionNavigation,
                    e = this.$ele_projector.next(".navigation"),
                    f = e.find(".nav-link");
                if (e.css({
                        "font-size": "12px",
                        "z-index": "3",
                        "user-select": "none"
                    }), !this.options.userCSS) {
                    if (f.css({
                            display: "inline-block",
                            width: "number" != this.options.navigationType ? "13px" : "",
                            height: "number" != this.options.navigationType ? "13px" : "",
                            padding: "0.2em",
                            "font-size": "12px",
                            "vertical-align": "bottom",
                            cursor: "pointer",
                            color: this.options.navigationNumberColor,
                            "text-align": "center",
                            "text-indent": "number" != this.options.navigationType ? "-10000em" : "",
                            width: "number" == this.options.navigationType ? f.innerHeight() + "px" : "13px",
                            border: "0px solid transparent",
                            "border-radius": "circle" == this.options.navigationType ? "50%" : "",
                            "margin-top": "in-left-middle" == d || "in-right-middle" == d ? "5px" : "",
                            "margin-left": "in-left-middle" != d && "in-right-middle" != d ? "5px" : ""
                        }), e.find(".nav-link:first").css({
                            "margin-top": "0",
                            "margin-left": "0"
                        }), e.find(".nav-link:last").css({
                            "margin-bottom": "0",
                            "margin-right": "0"
                        }), "in-left-middle" == this.options.positionNavigation || "in-right-middle" == this.options.positionNavigation) e.children(".inner").css({
                        width: f.outerWidth(!0) + "px"
                    });
                    else {
                        var g = 0;
                        f.each(function() {
                            g += $(this).outerWidth(!0)
                        }), e.children(".inner").css({
                            width: g + "px"
                        })
                    }
                    var h = {},
                        i = e.outerHeight();
                    switch (this.options.positionNavigation) {
                        case "out-center-top":
                        case "out-left-top":
                        case "out-right-top":
                            e.css("margin", "5px 0"), this.$ele.css("padding-top", i + 10 + "px"), h.top = -1 * (i + 10) + "px";
                            break;
                        case "out-center-bottom":
                        case "out-left-bottom":
                        case "out-right-bottom":
                            h.top = "100%", e.css("margin", "5px 0"), this.$ele.css("padding-bottom", i + 10 + "px");
                            break;
                        case "in-center-top":
                        case "in-left-top":
                        case "in-right-top":
                            h.top = "20px";
                            break;
                        case "in-center-bottom":
                        case "in-left-bottom":
                        case "in-right-bottom":
                        case "out-right-bottom":
                            h.bottom = "20px";
                            break;
                        case "in-left-middle":
                        case "in-right-middle":
                            h.top = "50%", h["margin-top"] = -1 * i / 2 + "px"
                    }
                    switch (this.options.positionNavigation) {
                        case "out-left-top":
                        case "out-left-bottom":
                        case "in-left-top":
                        case "in-left-bottom":
                        case "in-left-middle":
                            h.left = "20px";
                            break;
                        case "out-center-top":
                        case "out-center-bottom":
                        case "in-center-top":
                        case "in-center-bottom":
                            h.left = "50%", g && (h["margin-left"] = -1 * g / 2 + "px");
                            break;
                        case "out-right-top":
                        case "out-right-bottom":
                        case "in-right-top":
                        case "in-right-bottom":
                        case "in-right-middle":
                            h.right = "20px"
                    }
                    var j = {
                        position: "absolute",
                        "z-index": "3"
                    };
                    $.extend(j, h), e.css(j), f.css({
                        "background-color": a.options.navigationColor
                    }), e.find(".nav-link:first").css({
                        "background-color": a.options.navigationHighlightColor
                    }), f.hover(function() {
                        $(this).css({
                            "background-color": a.options.navigationHoverColor
                        })
                    }, function() {
                        $(this).css({
                            "background-color": $(this).data("num") == a.current_slide ? a.options.navigationHighlightColor : a.options.navigationColor
                        })
                    })
                }
                f.on("click", function(b) {
                    b && b.preventDefault();
                    var c = this,
                        d = $(c).data("num");
                    d != a.current_slide && 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                        d > 0 ? a.current_slide = d - 1 : a.current_slide = a.num_slides - 1, a._startTimer(function() {
                            a._next()
                        })
                    })
                })
            }
        },
        _attachControl: function() {
            var a = this;
            if (this.$ele_in.append('<div class="button-previous button-slider">&lsaquo;</div>'), this.$ele_in.append('<div class="button-next button-slider">&rsaquo;</div>'), this.$ele_in.children(".button-slider").css({
                    display: "none",
                    "z-index": "10",
                    "user-select": "none"
                }), !this.options.userCSS) {
                this.$ele_in.children(".button-slider").css({
                    position: "absolute",
                    color: this.options.controlColor,
                    "font-size": "50px",
                    "font-family": '"Helvetica Neue", Helvetica, Arial, sans-serif',
                    "line-height": "0.65em",
                    "text-align": "center",
                    "background-color": this.options.controlBackgroundColor,
                    opacity: "0.5",
                    width: "40px",
                    height: "40px",
                    "border-radius": "50%",
                    cursor: "pointer"
                });
                var b, c;
                switch (this.options.positionControl) {
                    case "left-right":
                        b = {
                            left: "10px",
                            top: "50%",
                            "margin-top": "-20px"
                        }, c = {
                            right: "10px",
                            top: "50%",
                            "margin-top": "-20px"
                        };
                        break;
                    case "top-center":
                        b = {
                            left: "50%",
                            top: "10px",
                            "margin-left": "-50px"
                        }, c = {
                            left: "50%",
                            top: "10px",
                            "margin-left": "10px"
                        };
                        break;
                    case "bottom-center":
                        b = {
                            left: "50%",
                            bottom: "10px",
                            "margin-left": "-50px"
                        }, c = {
                            left: "50%",
                            bottom: "10px",
                            "margin-left": "10px"
                        };
                        break;
                    case "top-left":
                        b = {
                            left: "10px",
                            top: "10px"
                        }, c = {
                            left: "70px",
                            top: "10px"
                        };
                        break;
                    case "top-right":
                        b = {
                            right: "70px",
                            top: "10px"
                        }, c = {
                            right: "10px",
                            top: "10px"
                        };
                        break;
                    case "bottom-left":
                        b = {
                            left: "10px",
                            bottom: "10px"
                        }, c = {
                            left: "70px",
                            bottom: "10px"
                        };
                        break;
                    case "bottom-right":
                        b = {
                            right: "70px",
                            bottom: "10px"
                        }, c = {
                            right: "10px",
                            bottom: "10px"
                        }
                }
                this.$ele_in.children(".button-previous").css(b), this.$ele_in.children(".button-next").css(c)
            }
            this.$ele_in.children(".button-previous").on("click", function(b) {
                b && b.preventDefault(), 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                    a._startTimer(function() {
                        a._prev(function() {
                            a.is_pause = !0
                        })
                    })
                })
            }), this.$ele_in.children(".button-next").on("click", function(b) {
                b && b.preventDefault(), 0 != a.play_timer && 1 != a.on_transition && a._stopTimer(function() {
                    a._startTimer(function() {
                        a._next(function() {
                            a.is_pause = !0
                        })
                    })
                })
            })
        },
        _showProgress: function(a) {
            this.options.showProgress && (0 == this.$ele_in.children(".slider-progress").length && (this.$ele_in.append('<div class="slider-progress"><div class="bar"></div></div>'), this._$progress_bar = this.$ele_in.find(".slider-progress:first .bar"), this.$ele_in.children(".slider-progress").css({
                "z-index": "4"
            }), this._$progress_bar.css({
                height: "0%"
            }), this.options.userCSS || (this.$ele_in.children(".slider-progress").css({
                position: "absolute",
                bottom: "0",
                left: "0",
                height: "1.5%",
                width: "100%",
                "background-color": "transparent",
                opacity: "0.7"
            }), this._$progress_bar.css({
                width: "0%",
                "background-color": this.options.progressColor
            }))), "undefined" != typeof a && this._$progress_bar.css("width", a + "%"))
        },
        _showButtons: function() {
            this.$ele_in.children(".button-slider").fadeIn()
        },
        _hideButtons: function() {
            this.$ele_in.children(".button-slider").fadeOut()
        },
        _playSlide: function() {
            var a = this;
            this.num_slides > 1 ? this._startTimer(function() {
                a._next()
            }) : this._next()
        },
        _stopTimer: function(a) {
            var b = this;
            this.play_timer = !1;
            var c = setInterval(function() {
                0 == b.active_timer && (clearInterval(c), "function" == typeof a && a())
            }, 100)
        },
        _startTimer: function(a) {
            var b = this;
            this.play_timer = !0, this.active_timer = !0;
            var c = (new Date).getTime(),
                d = c + b.options.duration,
                e = 0;
            this._showProgress(0), a();
            var f = function() {
                if (0 == b.play_timer) return b._showProgress(0), b.active_timer = !1, !1;
                var a = (new Date).getTime();
                if (1 == b.is_pause || b.on_transition) 0 == e && (e = a - c), b.requestFrame.call(window, f);
                else {
                    if (e > 0 && (c = a - e, d = c + b.options.duration, e = 0), a > d) b._showProgress(100), c = (new Date).getTime(), d = c + b.options.duration, b._next(function() {
                        b._showProgress(0)
                    });
                    else {
                        var g = (a - c) / b.options.duration * 100;
                        b._showProgress(g)
                    }
                    b.requestFrame.call(window, f)
                }
            };
            f()
        },
        _isLoadedImages: function(a, b, c, d) {
            if ("undefined" == typeof a || a.length < 1) return void("function" == typeof b && b());
            "undefined" == typeof c && (c = 0), "undefined" == typeof d && (d = []);
            var e = this,
                f = a[c],
                g = new Image;
            g.onload = g.onerror = function() {
                d.push({
                    width: g.width,
                    height: g.height
                }), c == a.length - 1 && "function" == typeof b ? b(d) : e._isLoadedImages(a, b, ++c, d)
            }, g.src = f
        },
        _preloadImages: function(a, b) {
            this._isLoadedImages(a, b)
        },
        _next: function(a) {
            var b = this;
            this.on_transition = !0, this.is_pause = !0;
            var c;
            "undefined" == typeof this.current_slide ? (this.current_slide = 0, c = this.$sliders.eq(0)) : (this.current_slide < this.num_slides - 1 ? this.current_slide++ : this.current_slide = 0, c = this.$sliders.eq(this.current_slide)), b._prev_next_process(c, a)
        },
        _prev: function(a) {
            var b = this;
            this.on_transition = !0, this.is_pause = !0;
            var c;
            this.current_slide > 0 ? this.current_slide-- : this.current_slide = this.num_slides - 1, c = this.$sliders.eq(this.current_slide), b._prev_next_process(c, a)
        },
        _prev_next_process: function(a, b) {
            this.$very_current_slide = a;
            var c = this;
            a.data("images")[0];
            this._isLoadedImages(a.data("images"), function(d) {
                if (c.is_pause = !1, c.$ele.css("visibility", "visible"), a.data("has-main-image")) a.data("original", {
                    width: d[0].width,
                    height: d[0].height
                });
                else {
                    var e, f;
                    if (c.options.width && c.options.height) e = c.options.width, f = c.options.height;
                    else {
                        var g = c.$ele_projector.children(".active");
                        e = g.outerWidth(!0), f = g.outerHeight(!0)
                    }
                    a.data("original", {
                        width: e,
                        height: f
                    })
                }
                "function" == typeof b && b(), c._resize(a, function() {
                    c._updateNavigation(), a.find("[data-pos]").length > 0 ? c._showAnimation(a, function() {}) : c._showImage(a, function() {})
                })
            })
        },
        _showImage: function(a, b) {
            var c = this,
                d = a.data("transition") ? a.data("transition") : this.options.transition;
            this._transition(a, d, function() {
                c.on_transition = !1, "function" == typeof b && b()
            })
        },
        _showAnimation: function(a, b, c) {
            var d = this,
                e = a.data("transition") ? a.data("transition") : this.options.transition;
            this._transition(a, e, function() {
                d.on_transition = !1, "function" == typeof b && b();
                var e = [];
                a.children("[data-pos]").each(function() {
                    var a = $(this).data("pos");
                    "string" == typeof a && (a = $(this).data("pos").replace(/[\s\[\]\']/g, "").split(",")), a.length >= 2 && $(this).css({
                        display: "none",
                        position: "absolute",
                        top: a[0],
                        left: a[1]
                    }), e.push(this)
                }), d._playAnimation(e, function() {
                    "function" == typeof c && c()
                })
            })
        },
        _transition_prepare: function(a) {
            if (a.data("lazy-src") && a.attr("src", a.data("lazy-src")), a.data("lazy-background") && 0 == a.children(".lazy-background").length) {
                var b = '<img src="' + a.data("lazy-background") + '" class="lazy-background"/>';
                $(b).prependTo(a).css({
                    position: "absolute",
                    top: "0",
                    left: "0",
                    width: "100%",
                    height: "100%",
                    "z-index": "-1"
                })
            }
            a.find("[data-lazy-src]").each(function() {
                $(this).attr("src", $(this).data("lazy-src"))
            }), a.find("[data-lazy-background]").each(function() {
                $(this).css("background-image", "url(" + $(this).data("lazy-background") + ")")
            })
        },
        _transition: function($element, transition, callback) {
            var that = this,
                $active = this.$ele_projector.children(".active:first"),
                reset = function() {
                    $active.css({
                        display: "none",
                        top: "0%",
                        left: "0%"
                    }), $active.css("z-index", ""), $active.children("[data-pos]").css("display", "none"), $active.removeClass("active"), $element.css({
                        display: "block",
                        top: "0%",
                        left: "0%",
                        "z-index": ""
                    }), $element.addClass("active")
                };
            "random" == transition && (transition = this.all_transitions[Math.floor(Math.random() * this.all_transitions.length)]), transition = transition.replace(/-/g, "_");
            var transition_func = eval("this._transition_" + transition);
            "function" == typeof transition_func ? (this._transition_prepare($element), transition_func.call(this, $element, this.options.transitionSpeed, function() {
                reset(), callback()
            })) : (this._transition_prepare($element), this._transition_slide($element, this.options.transitionSpeed, function() {
                reset(), callback()
            }))
        },
        _transition_slide_left: function(a, b, c) {
            this._transition_slide(a, b, c, "left")
        },
        _transition_slide_right: function(a, b, c) {
            this._transition_slide(a, b, c, "right")
        },
        _transition_slide_top: function(a, b, c) {
            this._transition_slide(a, b, c, "top")
        },
        _transition_slide_bottom: function(a, b, c) {
            this._transition_slide(a, b, c, "bottom")
        },
        _transition_slide: function(a, b, c, d) {
            var e = this;
            if (0 == this.$ele_projector.children(".active").length) return a.css({
                display: "block",
                top: "0%",
                left: "0%"
            }), a.addClass("active"), void("undefined" != typeof c && c());
            "undefined" == typeof d && (d = "left");
            var f, g, h, i;
            switch (d) {
                case "left":
                    f = "0%", g = "100%", h = "0%", i = "-100%";
                    break;
                case "right":
                    f = "0%", g = "-100%", h = "0%", i = "100%";
                    break;
                case "top":
                    f = "100%", g = "0%", h = "-100%", i = "0%";
                    break;
                case "bottom":
                    f = "-100%", g = "0%", h = "100%", i = "0%"
            }
            this.$ele_projector.append('<div class="slide-old" style="display: none;"></div>'), this.$ele_projector.append('<div class="slide-new" style="display: none;"></div>'), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".slide-old")).removeClass("active"), a.clone().appendTo(this.$ele_projector.children(".slide-new")).removeClass("active");
            var j = this.$ele_projector.children(".slide-old"),
                k = this.$ele_projector.children(".slide-new");
            setTimeout(function() {
                j.css({
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    top: "0",
                    left: "0",
                    width: "100%",
                    height: "100%",
                    "z-index": "2"
                }), k.css({
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    top: f,
                    left: g,
                    width: "100%",
                    height: "100%",
                    "z-index": "2"
                }), j.children().show(), k.children().show(), e._animate(j, null, {
                    top: h,
                    left: i
                }, b, null, function() {
                    j.remove()
                }), e._animate(k, null, {
                    top: "0%",
                    left: "0%"
                }, b, null, function() {
                    k.remove(), "function" == typeof c && c()
                })
            }, 30)
        },
        _transition_fade: function(a, b, c) {
            var d = this;
            if (0 == this.$ele_projector.children(".active").length) return a.css({
                display: "block",
                left: "0%"
            }), a.addClass("active"), void("undefined" != typeof c && c());
            this.$ele_projector.append('<div class="fade-old" style="display:none;"></div>'), this.$ele_projector.append('<div class="fade-new" style="display:none;"></div>'), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".fade-old")).removeClass("active"), a.clone().appendTo(this.$ele_projector.children(".fade-new")).removeClass("active");
            var e = this.$ele_projector.children(".fade-old"),
                f = this.$ele_projector.children(".fade-new");
            setTimeout(function() {
                e.children().show(), f.children().show(), d._animate(e, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    width: "100%",
                    height: "100%",
                    "z-index": "2"
                }, {
                    opacity: "0"
                }, b, null, function() {
                    e.remove()
                }), d._animate(f, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    width: "100%",
                    height: "100%",
                    "z-index": "2",
                    opacity: "0"
                }, {
                    opacity: "1"
                }, b, null, function() {
                    f.remove(), "function" == typeof c && c()
                })
            }, 30)
        },
        _transition_split3d: function(a, b, c) {
            this._transition_split(a, b, c, !0)
        },
        _transition_split: function(a, b, c, d) {
            var e = this;
            if (0 == this.$ele_projector.children(".active").length) return a.css({
                display: "block",
                left: "0%"
            }), a.addClass("active"), void("undefined" != typeof c && c());
            this.$ele_projector.append('<div class="split_up" style="display: none;"></div>'), this.$ele_projector.append('<div class="split_down" style="display: none;"></div>'), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".split_up")).removeClass("active"), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".split_down")).removeClass("active");
            var f = this.$ele_projector.children(".split_up"),
                g = this.$ele_projector.children(".split_down");
            setTimeout(function() {
                if (f.children().css({
                        top: "0",
                        left: "0",
                        height: e.$ele_projector.height() + "px"
                    }), g.children().css({
                        top: "auto",
                        bottom: "0",
                        left: "0",
                        height: e.$ele_projector.height() + "px",
                        "background-position": "bottom left"
                    }), a.css({
                        left: "0%",
                        display: "block"
                    }), e.$ele_projector.children(".active:first").css("display", "none"), $css_split_up = {
                        top: "-50%",
                        opacity: "0"
                    }, $css_split_down = {
                        bottom: "-50%",
                        opacity: "0"
                    }, "undefined" != typeof d && 1 == d) {
                    var h = 10;
                    e.current_slide % 2 == 0 && (h = -1 * h), e.$ele_projector.css({
                        perspective: "400px"
                    }), $.extend($css_split_up, {
                        transform: "rotateZ(" + h + "deg) translateZ(238px)"
                    }), $.extend($css_split_down, {
                        transform: "rotateZ(" + -1 * h + "deg) translateZ(238px)"
                    })
                }
                e._animate(f, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    "z-index": "2",
                    top: "0",
                    left: "0",
                    width: "100%",
                    height: e.$ele_projector.height() / 2 + "px",
                    opacity: "1"
                }, $css_split_up, b, null, null), e._animate(g, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    "z-index": "2",
                    bottom: "0",
                    left: "0",
                    width: "100%",
                    height: e.$ele_projector.height() / 2 + "px",
                    opacity: "1"
                }, $css_split_down, b, null, function() {
                    f.remove(), g.remove(), "function" == typeof c && c()
                })
            }, 30)
        },
        _transition_door: function(a, b, c) {
            var d = this;
            if (0 == this.$ele_projector.children(".active").length) return a.css({
                display: "block",
                left: "0%"
            }), a.addClass("active"), void("undefined" != typeof c && c());
            this.$ele_projector.append('<div class="split_left" style="display: none;"></div>'), this.$ele_projector.append('<div class="split_right" style="display: none;"></div>'), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".split_left")).removeClass("active"), this.$ele_projector.children(".active:first").clone().appendTo(this.$ele_projector.children(".split_right")).removeClass("active");
            var e = this.$ele_projector.children(".split_left"),
                f = this.$ele_projector.children(".split_right");
            setTimeout(function() {
                e.children().css({
                    top: "0",
                    left: "0",
                    width: d.$ele_projector.width() + "px"
                }), f.children().css({
                    top: "0",
                    left: "auto",
                    right: "0",
                    width: d.$ele_projector.width() + "px",
                    "background-position": "top right"
                }), a.css({
                    left: "0%",
                    display: "block"
                }), d.$ele_projector.children(".active:first").css("display", "none"), d._animate(e, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    "z-index": "2",
                    top: "0",
                    left: "0",
                    width: d.$ele_projector.width() / 2 + "px",
                    height: "100%"
                }, {
                    left: "-50%"
                }, b, null, function() {
                    e.remove()
                }), d._animate(f, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    "z-index": "2",
                    top: "0",
                    right: "0",
                    width: d.$ele_projector.width() / 2 + "px",
                    height: "100%"
                }, {
                    right: "-50%"
                }, b, null, function() {
                    f.remove(), "function" == typeof c && c()
                })
            }, 30)
        },
        _transition_wave_left: function(a, b, c) {
            this._transition_wave(a, b, c, "left")
        },
        _transition_wave_right: function(a, b, c) {
            this._transition_wave(a, b, c, "right")
        },
        _transition_wave_top: function(a, b, c) {
            this._transition_wave(a, b, c, "top")
        },
        _transition_wave_bottom: function(a, b, c) {
            this._transition_wave(a, b, c, "bottom")
        },
        _transition_wave: function(a, b, c, d) {
            var e = this;
            if (0 == this.$ele_projector.children(".active").length) return a.css({
                display: "block",
                left: "0%"
            }), a.addClass("active"), void("undefined" != typeof c && c());
            this.$ele_projector.append('<div class="split_wave" style="display: none;"></div>'), a.clone().appendTo(this.$ele_projector.children(".split_wave")).removeClass("active");
            var f = this.$ele_projector.children(".split_wave");
            "undefined" == typeof d && (d = "left");
            var g;
            switch (d) {
                case "left":
                    f.children().css({
                        left: "0",
                        right: "",
                        top: "",
                        bottom: ""
                    }), f.css({
                        top: "0",
                        left: "0",
                        width: "0%",
                        height: "100%"
                    }), g = {
                        width: "100%",
                        opacity: "1"
                    };
                    break;
                case "right":
                    f.children().css({
                        left: "",
                        right: "0",
                        top: "",
                        bottom: ""
                    }), f.css({
                        top: "0",
                        right: "0",
                        width: "0%",
                        height: "100%"
                    }), g = {
                        width: "100%",
                        opacity: "1"
                    };
                    break;
                case "top":
                    f.children().css({
                        left: "",
                        right: "",
                        top: "0",
                        bottom: ""
                    }), f.css({
                        top: "0",
                        left: "0",
                        width: "100%",
                        height: "0%"
                    }), g = {
                        height: "100%",
                        opacity: "1"
                    };
                    break;
                case "bottom":
                    f.children().css({
                        left: "",
                        right: "",
                        top: "",
                        bottom: "0"
                    }), f.css({
                        bottom: "0",
                        left: "0",
                        width: "100%",
                        height: "0%"
                    }), g = {
                        height: "100%",
                        opacity: "1"
                    }
            }
            f.children().show(), setTimeout(function() {
                var a = !1;
                ("right" == d || "bottom" == d) && (a = !0), e._animate(f, {
                    display: "block",
                    position: "absolute",
                    overflow: "hidden",
                    "z-index": "2",
                    opacity: "0.3"
                }, g, b, null, function() {
                    f.remove(), "function" == typeof c && c()
                }, a)
            }, 30)
        },
        _playAnimation: function(a, b) {
            var c = this,
                d = $(a.shift());
            switch (d.data("effect")) {
                case "fadein":
                    this._animate(d, {
                        display: "block",
                        opacity: "0"
                    }, {
                        opacity: "1"
                    }, d.data("duration") ? d.data("duration") : 400, d.data("delay") ? d.data("delay") : null, function() {
                        a.length > 0 ? c._playAnimation(a, b) : b()
                    });
                    break;
                case "move":
                    d.css({
                        display: "block"
                    });
                    var e = d.data("pos");
                    "string" == typeof e && (e = d.data("pos").replace(/[\s\[\]\']/g, "").split(",")), 4 == e.length && this._animate(d, {
                        opacity: "0"
                    }, {
                        top: e[2],
                        left: e[3],
                        opacity: 1
                    }, d.data("duration") ? d.data("duration") : 400, d.data("delay") ? d.data("delay") : null, function() {
                        a.length > 0 ? c._playAnimation(a, b) : b()
                    })
            }
        }
    }, $.fn.DrSlider = function(a) {
        if ("string" == typeof a) {
            var b = $this.data("DrSlider");
            return b || $this.data("DrSlider", b = new DrSlider(this, a)), b[a].apply(b, Array.prototype.slice.call(arguments, 1))
        }
        return this.each(function() {
            var b = $(this),
                c = b.data("DrSlider");
            c ? c.constructor(this, a) : b.data("DrSlider", c = new DrSlider(this, a)), c._init()
        })
    }, $.fn.DrSlider.Constructor = DrSlider
}(jQuery);