/*
 * MIXITUP - A CSS3 & JQuery Filter and Sort Plugin
 * Version: 1.4.0
 * Author: Patrick Kunka
 * Copyright 2012-2013 Patrick Kunka, All Rights Reserved
 * FREE FOR NON-COMMERCIAL USE
 * http://www.mixitup.io
 */
(function(e) {
    function m(d, b, h, c, a) {
        function j() {
            k.unbind();
            b && v(b, h, c, a);
            a.startOrder = [];
            a.newOrder = [];
            a.origSort = [];
            a.checkSort = [];
            u.removeStyle(a.prefix + "filter, filter, " + a.prefix + "transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");
            window.atob || u.css({
                display: "none",
                opacity: "0"
            });
            k.removeStyle(a.prefix + "transition, transition, " + a.prefix + "perspective, perspective, " + a.prefix + "perspective-origin, perspective-origin, " + (a.resizeContainer ? "height" : ""));
            "list" == a.layoutMode ?
                (q.css({
                    display: a.targetDisplayList,
                    opacity: "1"
                }), a.origDisplay = a.targetDisplayList) : (q.css({
                    display: a.targetDisplayGrid,
                    opacity: "1"
                }), a.origDisplay = a.targetDisplayGrid);
            a.origLayout = a.layoutMode;
            setTimeout(function() {
                u.removeStyle(a.prefix + "transition, transition");
                a.mixing = !1;
                if ("function" == typeof a.onMixEnd) {
                    var b = a.onMixEnd.call(this, a);
                    a = b ? b : a
                }
            })
        }
        clearInterval(a.failsafe);
        a.mixing = !0;
        if ("function" == typeof a.onMixStart) {
            var f = a.onMixStart.call(this, a);
            a = f ? f : a
        }
        for (var g = a.transitionSpeed, f = 0; 2 >
            f; f++) {
            var n = 0 == f ? n = a.prefix : "";
            a.transition[n + "transition"] = "all " + g + "ms linear";
            a.transition[n + "transform"] = n + "translate3d(0,0,0)";
            a.perspective[n + "perspective"] = a.perspectiveDistance + "px";
            a.perspective[n + "perspective-origin"] = a.perspectiveOrigin
        }
        var r = a.targetSelector,
            u = c.find(r);
        u.each(function() {
            this.data = {}
        });
        var k = u.parent();
        k.css(a.perspective);
        a.easingFallback = "ease-in-out";
        "smooth" == a.easing && (a.easing = "cubic-bezier(0.25, 0.46, 0.45, 0.94)");
        "snap" == a.easing && (a.easing = "cubic-bezier(0.77, 0, 0.175, 1)");
        "windback" == a.easing && (a.easing = "cubic-bezier(0.175, 0.885, 0.320, 1.275)", a.easingFallback = "cubic-bezier(0.175, 0.885, 0.320, 1)");
        "windup" == a.easing && (a.easing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)", a.easingFallback = "cubic-bezier(0.6, 0.28, 0.735, 0.045)");
        f = "list" == a.layoutMode && null != a.listEffects ? a.listEffects : a.effects;
        Array.prototype.indexOf && (a.fade = -1 < f.indexOf("fade") ? "0" : "", a.scale = -1 < f.indexOf("scale") ? "scale(.01)" : "", a.rotateZ = -1 < f.indexOf("rotateZ") ? "rotate(180deg)" : "", a.rotateY = -1 <
            f.indexOf("rotateY") ? "rotateY(90deg)" : "", a.rotateX = -1 < f.indexOf("rotateX") ? "rotateX(90deg)" : "", a.blur = -1 < f.indexOf("blur") ? "blur(8px)" : "", a.grayscale = -1 < f.indexOf("grayscale") ? "grayscale(100%)" : "");
        d = d.replace(/\s|\//g, ".");
        var q = e(),
            s = e();
        if ("or" == a.filterLogic) {
            var m = d.split(".");
            !0 == a.multiFilter && "" == m[0] && m.shift();
            1 > m.length ? s = s.add(c.find(r + ":visible")) : u.each(function() {
                for (var a = 0, b = e(this), c = 0; c < m.length; c++) b.hasClass(m[c]) && (q = q.add(b), a++);
                0 == a && (s = s.add(b))
            })
        } else q = q.add(k.find(r + "." +
            d)), s = s.add(k.find(r + ":not(." + d + "):visible"));
        d = q.length;
        var t = e(),
            p = e(),
            l = e();
        s.each(function() {
            var a = e(this);
            "none" != a.css("display") && (t = t.add(a), l = l.add(a))
        });
        if (q.filter(":visible").length == d && !t.length && !b) {
            if (a.origLayout == a.layoutMode) return j(), !1;
            if (1 == q.length) return "list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass), l.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), l.css("display", a.targetDisplayGrid)), j(), !1
        }
        a.origHeight = k.height();
        if (q.length) {
            c.removeClass(a.failClass);
            q.each(function() {
                var a = e(this);
                "none" == a.css("display") ? p = p.add(a) : l = l.add(a)
            });
            if (a.origLayout != a.layoutMode && !1 == a.animateGridList) return "list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass), l.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), l.css("display", a.targetDisplayGrid)), j(), !1;
            if (!window.atob) return j(), !1;
            u.css(a.clean);
            l.each(function() {
                this.data.origPos = e(this).offset()
            });
            "list" == a.layoutMode ?
                (c.addClass(a.listClass), c.removeClass(a.gridClass), p.css("display", a.targetDisplayList)) : (c.addClass(a.gridClass), c.removeClass(a.listClass), p.css("display", a.targetDisplayGrid));
            p.each(function() {
                this.data.showInterPos = e(this).offset()
            });
            t.each(function() {
                this.data.hideInterPos = e(this).offset()
            });
            l.each(function() {
                this.data.preInterPos = e(this).offset()
            });
            "list" == a.layoutMode ? l.css("display", a.targetDisplayList) : l.css("display", a.targetDisplayGrid);
            b && v(b, h, c, a);
            if (b && a.origSort.compare(a.checkSort)) return j(), !1;
            t.hide();
            p.each(function() {
                this.data.finalPos = e(this).offset()
            });
            l.each(function() {
                this.data.finalPrePos = e(this).offset()
            });
            a.newHeight = k.height();
            b && v("reset", null, c, a);
            p.hide();
            l.css("display", a.origDisplay);
            "block" == a.origDisplay ? (c.addClass(a.listClass), p.css("display", a.targetDisplayList)) : (c.removeClass(a.listClass), p.css("display", a.targetDisplayGrid));
            a.resizeContainer && k.css("height", a.origHeight + "px");
            d = {};
            for (f = 0; 2 > f; f++) n = 0 == f ? n = a.prefix : "", d[n + "transform"] = a.scale + " " + a.rotateX + " " +
                a.rotateY + " " + a.rotateZ, d[n + "filter"] = a.blur + " " + a.grayscale;
            p.css(d);
            l.each(function() {
                var b = this.data,
                    c = e(this);
                c.hasClass("mix_tohide") ? (b.preTX = b.origPos.left - b.hideInterPos.left, b.preTY = b.origPos.top - b.hideInterPos.top) : (b.preTX = b.origPos.left - b.preInterPos.left, b.preTY = b.origPos.top - b.preInterPos.top);
                for (var d = {}, g = 0; 2 > g; g++) {
                    var f = 0 == g ? f = a.prefix : "";
                    d[f + "transform"] = "translate(" + b.preTX + "px," + b.preTY + "px)"
                }
                c.css(d)
            });
            "list" == a.layoutMode ? (c.addClass(a.listClass), c.removeClass(a.gridClass)) :
                (c.addClass(a.gridClass), c.removeClass(a.listClass));
            setTimeout(function() {
                if (a.resizeContainer) {
                    for (var b = {}, c = 0; 2 > c; c++) {
                        var d = 0 == c ? d = a.prefix : "";
                        b[d + "transition"] = "all " + g + "ms ease-in-out";
                        b.height = a.newHeight + "px"
                    }
                    k.css(b)
                }
                t.css("opacity", a.fade);
                p.css("opacity", 1);
                p.each(function() {
                    var b = this.data;
                    b.tX = b.finalPos.left - b.showInterPos.left;
                    b.tY = b.finalPos.top - b.showInterPos.top;
                    for (var c = {}, d = 0; 2 > d; d++) {
                        var f = 0 == d ? f = a.prefix : "";
                        c[f + "transition-property"] = f + "transform, " + f + "filter, opacity";
                        c[f +
                            "transition-timing-function"] = a.easing + ", linear, linear";
                        c[f + "transition-duration"] = g + "ms";
                        c[f + "transition-delay"] = "0";
                        c[f + "transform"] = "translate(" + b.tX + "px," + b.tY + "px)";
                        c[f + "filter"] = "none"
                    }
                    e(this).css("-webkit-transition", "all " + g + "ms " + a.easingFallback).css(c)
                });
                l.each(function() {
                    var b = this.data;
                    b.tX = 0 != b.finalPrePos.left ? b.finalPrePos.left - b.preInterPos.left : 0;
                    b.tY = 0 != b.finalPrePos.left ? b.finalPrePos.top - b.preInterPos.top : 0;
                    for (var c = {}, d = 0; 2 > d; d++) {
                        var f = 0 == d ? f = a.prefix : "";
                        c[f + "transition"] =
                            "all " + g + "ms " + a.easing;
                        c[f + "transform"] = "translate(" + b.tX + "px," + b.tY + "px)"
                    }
                    e(this).css("-webkit-transition", "all " + g + "ms " + a.easingFallback).css(c)
                });
                b = {};
                for (c = 0; 2 > c; c++) d = 0 == c ? d = a.prefix : "", b[d + "transition"] = "all " + g + "ms " + a.easing + ", " + d + "filter " + g + "ms linear, opacity " + g + "ms linear", b[d + "transform"] = a.scale + " " + a.rotateX + " " + a.rotateY + " " + a.rotateZ, b[d + "filter"] = a.blur + " " + a.grayscale, b.opacity = a.fade;
                t.css(b);
                k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd", function(a) {
                    if (-1 <
                        a.originalEvent.propertyName.indexOf("transform") || -1 < a.originalEvent.propertyName.indexOf("opacity")) - 1 < r.indexOf(".") ? e(a.target).hasClass(r.replace(".", "")) && j() : e(a.target).is(r) && j()
                })
            }, 10);
            a.failsafe = setTimeout(function() {
                a.mixing && j()
            }, g + 400)
        } else {
            a.resizeContainer && k.css("height", a.origHeight + "px");
            if (!window.atob) return j(), !1;
            t = s;
            setTimeout(function() {
                k.css(a.perspective);
                if (a.resizeContainer) {
                    for (var b = {}, d = 0; 2 > d; d++) {
                        var e = 0 == d ? e = a.prefix : "";
                        b[e + "transition"] = "height " + g + "ms ease-in-out";
                        b.height = a.minHeight + "px"
                    }
                    k.css(b)
                }
                u.css(a.transition);
                if (s.length) {
                    b = {};
                    for (d = 0; 2 > d; d++) e = 0 == d ? e = a.prefix : "", b[e + "transform"] = a.scale + " " + a.rotateX + " " + a.rotateY + " " + a.rotateZ, b[e + "filter"] = a.blur + " " + a.grayscale, b.opacity = a.fade;
                    t.css(b);
                    k.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd", function(b) {
                        if (-1 < b.originalEvent.propertyName.indexOf("transform") || -1 < b.originalEvent.propertyName.indexOf("opacity")) c.addClass(a.failClass), j()
                    })
                } else a.mixing = !1
            }, 10)
        }
    }

    function v(d, b,
        h, c) {
        function a(a, b) {
            return 1 * a.attr(d).toLowerCase() < 1 * b.attr(d).toLowerCase() ? -1 : 1 * a.attr(d).toLowerCase() > 1 * b.attr(d).toLowerCase() ? 1 : 0
        }

        function j(a) {
            "asc" == b ? f.prepend(a).prepend(" \
	") : f.append(a).append(" \
	")
        }
        h.find(c.targetSelector).wrapAll('<div class="mix_sorter"/>');
        var f = h.find(".mix_sorter");
        c.origSort.length || f.find(c.targetSelector + ":visible").each(function() {
            e(this).wrap("<s/>");
            c.origSort.push(e(this).parent().html().replace(/\s+/g, ""));
            e(this).unwrap()
        });
        f.empty();
        if ("reset" == d) e.each(c.startOrder,
            function() {
                f.append(this).append(" \
	")
            });
        else if ("default" == d) e.each(c.origOrder, function() {
            j(this)
        });
        else if ("random" == d) {
            if (!c.newOrder.length) {
                for (var g = c.startOrder.slice(), n = g.length, r = n; r--;) {
                    var m = parseInt(Math.random() * n),
                        k = g[r];
                    g[r] = g[m];
                    g[m] = k
                }
                c.newOrder = g
            }
            e.each(c.newOrder, function() {
                f.append(this).append(" \
	")
            })
        } else "custom" == d ? e.each(b, function() {
            j(this)
        }) : ("undefined" === typeof c.origOrder[0].attr(d) && console.log("No such attribute found. Terminating"), c.newOrder.length || (e.each(c.origOrder,
            function() {
                c.newOrder.push(e(this))
            }), c.newOrder.sort(a)), e.each(c.newOrder, function() {
            j(this)
        }));
        c.checkSort = [];
        f.find(c.targetSelector + ":visible").each(function(a) {
            var b = e(this);
            0 == a && b.attr("data-checksum", "1");
            b.wrap("<s/>");
            c.checkSort.push(b.parent().html().replace(/\s+/g, ""));
            b.unwrap()
        });
        h.find(c.targetSelector).unwrap()
    }
    var w = {
        init: function(d) {
            return this.each(function() {
                var b = {
                    targetSelector: ".mix",
                    filterSelector: ".filter",
                    sortSelector: ".sort",
                    buttonEvent: "click",
                    effects: ["fade", "scale"],
                    listEffects: null,
                    easing: "smooth",
                    layoutMode: "grid",
                    targetDisplayGrid: "inline-block",
                    targetDisplayList: "block",
                    listClass: "",
                    gridClass: "",
                    transitionSpeed: 600,
                    showOnLoad: "all",
                    multiFilter: !1,
                    filterLogic: "or",
                    resizeContainer: !0,
                    minHeight: 0,
                    failClass: "fail",
                    perspectiveDistance: "3000",
                    perspectiveOrigin: "50% 50%",
                    animateGridList: !0,
                    onMixLoad: null,
                    onMixStart: null,
                    onMixEnd: null,
                    container: null,
                    origOrder: [],
                    startOrder: [],
                    newOrder: [],
                    origSort: [],
                    checkSort: [],
                    filter: "",
                    mixing: !1,
                    origDisplay: "",
                    origLayout: "",
                    origHeight: 0,
                    newHeight: 0,
                    isTouch: !1,
                    resetDelay: 0,
                    failsafe: null,
                    prefix: "",
                    easingFallback: "ease-in-out",
                    transition: {},
                    perspective: {},
                    clean: {},
                    fade: "1",
                    scale: "",
                    rotateX: "",
                    rotateY: "",
                    rotateZ: "",
                    blur: "",
                    grayscale: ""
                };
                d && e.extend(b, d);
                this.config = b;
                e.support.touch = "ontouchend" in document;
                e.support.touch && (b.isTouch = !0, b.resetDelay = 350);
                b.container = e(this);
                var h = b.container,
                    c;
                a: {
                    c = h[0];
                    for (var a = ["Webkit", "Moz", "O", "ms"], j = 0; j < a.length; j++)
                        if (a[j] + "Transition" in c.style) {
                            c = a[j];
                            break a
                        }
                    c = "transition" in c.style ? "" : !1
                }
                b.prefix =
                    c;
                b.prefix = b.prefix ? "-" + b.prefix.toLowerCase() + "-" : "";
                h.find(b.targetSelector).each(function() {
                    b.origOrder.push(e(this))
                });
                for (c = 0; 2 > c; c++) a = 0 == c ? a = b.prefix : "", b.transition[a + "transition"] = "all " + b.transitionSpeed + "ms ease-in-out", b.perspective[a + "perspective"] = b.perspectiveDistance + "px", b.perspective[a + "perspective-origin"] = b.perspectiveOrigin;
                for (c = 0; 2 > c; c++) a = 0 == c ? a = b.prefix : "", b.clean[a + "transition"] = "none";
                "list" == b.layoutMode ? (h.addClass(b.listClass), b.origDisplay = b.targetDisplayList) : (h.addClass(b.gridClass),
                    b.origDisplay = b.targetDisplayGrid);
                b.origLayout = b.layoutMode;
                c = b.showOnLoad.split(" ");
                e.each(c, function() {
                    e(b.filterSelector + '[data-filter="' + this + '"]').addClass("active")
                });
                h.find(b.targetSelector).addClass("mix_all");
                "all" == c[0] && (c[0] = "mix_all", b.showOnLoad = "mix_all");
                var f = e();
                e.each(c, function() {
                    f = f.add(e("." + this))
                });
                f.each(function() {
                    var a = e(this);
                    "list" == b.layoutMode ? a.css("display", b.targetDisplayList) : a.css("display", b.targetDisplayGrid);
                    a.css(b.transition)
                });
                setTimeout(function() {
                    b.mixing = !0;
                    f.css("opacity", "1");
                    setTimeout(function() {
                        "list" == b.layoutMode ? f.removeStyle(b.prefix + "transition, transition").css({
                            display: b.targetDisplayList,
                            opacity: 1
                        }) : f.removeStyle(b.prefix + "transition, transition").css({
                            display: b.targetDisplayGrid,
                            opacity: 1
                        });
                        b.mixing = !1;
                        if ("function" == typeof b.onMixLoad) {
                            var a = b.onMixLoad.call(this, b);
                            b = a ? a : b
                        }
                    }, b.transitionSpeed)
                }, 10);
                b.filter = b.showOnLoad;
                e(b.sortSelector).bind(b.buttonEvent, function() {
                    if (!b.mixing) {
                        var a = e(this),
                            c = a.attr("data-sort"),
                            d = a.attr("data-order");
                        if (a.hasClass("active")) {
                            if ("random" != c) return !1
                        } else e(b.sortSelector).removeClass("active"), a.addClass("active");
                        h.find(b.targetSelector).each(function() {
                            b.startOrder.push(e(this))
                        });
                        m(b.filter, c, d, h, b)
                    }
                });
                e(b.filterSelector).bind(b.buttonEvent, function() {
                    if (!b.mixing) {
                        var a = e(this);
                        if (!1 == b.multiFilter) e(b.filterSelector).removeClass("active"), a.addClass("active"), b.filter = a.attr("data-filter"), e(b.filterSelector + '[data-filter="' + b.filter + '"]').addClass("active"), "all" == b.filter && (b.filter = "mix_all");
                        else {
                            var c = a.attr("data-filter");
                            "all" == c && (c = "mix_all");
                            a.hasClass("active") ? (a.removeClass("active"), b.filter = b.filter.replace(RegExp("(\\s|^)" + c), "")) : (a.addClass("active"), b.filter = b.filter + " " + c)
                        }
                        m(b.filter, null, null, h, b)
                    }
                })
            })
        },
        toGrid: function() {
            return this.each(function() {
                var d = this.config;
                "grid" != d.layoutMode && (d.layoutMode = "grid", m(d.filter, null, null, e(this), d))
            })
        },
        toList: function() {
            return this.each(function() {
                var d = this.config;
                "list" != d.layoutMode && (d.layoutMode = "list", m(d.filter, null, null,
                    e(this), d))
            })
        },
        filter: function(d) {
            return this.each(function() {
                var b = this.config;
                e(b.filterSelector).removeClass("active");
                e(b.filterSelector + '[data-filter="' + d + '"]').addClass("active");
                "all" == d && (d = "mix_all");
                b.mixing || (b.filter = d, m(d, null, null, e(this), b))
            })
        },
        sort: function(d) {
            return this.each(function() {
                var b = this.config;
                if (e.isArray(d)) var h = d[0],
                    c = d[1];
                else h = d, c = "desc";
                b.mixing || (e(this).find(b.targetSelector).each(function() {
                    b.startOrder.push(e(this))
                }), m(b.filter, h, c, e(this), b))
            })
        }
    };
    e.fn.mixitup =
        function(d, b) {
            if (w[d]) return w[d].apply(this, Array.prototype.slice.call(arguments, 1));
            if ("object" === typeof d || !d) return w.init.apply(this, arguments)
        };
    e.fn.removeStyle = function(d) {
        return this.each(function() {
            var b = e(this);
            d = d.replace(/\s+/g, "");
            var h = d.split(",");
            e.each(h, function() {
                var c = RegExp(this.toString() + "[^;]+;?", "g");
                b.attr("style", function(a, b) {
                    if (b) return b.replace(c, "")
                })
            })
        })
    };
    Array.prototype.compare = function(d) {
        if (this.length != d.length) return !1;
        for (var b = 0; b < d.length; b++)
            if (this[b].compare &&
                !this[b].compare(d[b]) || this[b] !== d[b]) return !1;
        return !0
    }
})(jQuery);