(function() {
    (function($, window, document) {
        var plugin, defaults, pluginname;
        pluginname = "xmslide";
        defaults = {
            width: 940,
            height: 528,
            // add by sivan
            responsivewidth:960,
            start: 1,
            navigation: {
                active: true,
                effect: "slide"
            },
            pagination: {
                active: true,
                effect: "slide"
            },
            play: {
                active: false,
                effect: "slide",
                interval: 5000,
                auto: false,
                swap: true,
                pauseonhover: false,
                restartdelay: 2500
            },
            effect: {
                slide: {
                    speed: 500
                },
                fade: {
                    speed: 300,
                    crossfade: true
                }
            },
            callback: {
                loaded: function() {},
                start: function() {},
                complete: function() {}
            }
        };
        plugin = (function() {

            function plugin(element, options) {
                this.element = element;
                this.options = $.extend(true, {}, defaults, options);
                this._defaults = defaults;
                this._name = pluginname;
                this.init();
            }

            return plugin;

        })();
        plugin.prototype.init = function() {
            var $element, nextbutton, pagination, playbutton, prevbutton, stopbutton,
                _this = this;
            $element = $(this.element);
            this.data = $.data(this);
            $.data(this, "animating", false);
            $.data(this, "total", $element.children().not(".xmslide-navigation", $element).length);
            $.data(this, "current", this.options.start - 1);
            $.data(this, "vendorprefix", this._getvendorprefix());
            if (typeof touchevent !== "undefined") {
                $.data(this, "touch", true);
                this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
            }
            $element.css({
                overflow: "hidden"
            });
            $element.slidescontainer = $element.children().not(".xmslide-navigation", $element).wrapall("<div class='xmslide-container'>", $element).parent().css({
                overflow: "hidden",
                position: "relative"
            });
            $(".xmslide-container", $element).wrapinner("<div class='xmslide-control'>", $element).children();
            $(".xmslide-control", $element).css({
                position: "relative",
                left: 0
            });
            $(".xmslide-control", $element).children().addclass("xmslide-slide").css({
                position: "absolute",
                top: 0,
                left: 0,
                width: "100%",
                zindex: 0,
                display: "none",
                webkitbackfacevisibility: "hidden"
            });
            $.each($(".xmslide-control", $element).children(), function(i) {
                var $slide;
                $slide = $(this);
                return $slide.attr("xmslide-index", i);
            });
            if (this.data.touch) {
                $(".xmslide-control", $element).on("touchstart", function(e) {
                    return _this._touchstart(e);
                });
                $(".xmslide-control", $element).on("touchmove", function(e) {
                    return _this._touchmove(e);
                });
                $(".xmslide-control", $element).on("touchend", function(e) {
                    return _this._touchend(e);
                });
            }
            $element.fadein(0);

            // add by sivan
            // 初始化：为图片增加原始地址属性 data-src-orig
            $element.find('img').each(function () {
                $(this).attr('data-src-orig', $(this).attr('src'));
            });

            this.update();
            if (this.data.touch) {
                this._setuptouch();
            }
            $(".xmslide-control", $element).children(":eq(" + this.data.current + ")").eq(0).fadein(0, function() {
                return $(this).css({
                    zindex: 10
                });
            });

            /*if (this.options.navigation.active) {
                prevbutton = $("<a>", {
                    "class": "xmslide-previous xmslide-navigation icon-slides icon-slides-prev",
                    href: "#",
                    title: "previous",
                    text: "previous"
                }).appendto($element);
                nextbutton = $("<a>", {
                    "class": "xmslide-next xmslide-navigation icon-slides icon-slides-next",
                    href: "#",
                    title: "next",
                    text: "next"
                }).appendto($element);
            }*/
            $(".xmslide-next", $element).click(function(e) {
                e.preventdefault();
                _this.stop(true);
                return _this.next(_this.options.navigation.effect);
            });
            $(".xmslide-previous", $element).click(function(e) {
                e.preventdefault();
                _this.stop(true);
                return _this.previous(_this.options.navigation.effect);
            });
            if (this.options.play.active) {
                /*playbutton = $("<a>", {
                    "class": "xmslide-play xmslide-navigation",
                    href: "#",
                    title: "play",
                    text: "play"
                }).appendto($element);
                stopbutton = $("<a>", {
                    "class": "xmslide-stop xmslide-navigation",
                    href: "#",
                    title: "stop",
                    text: "stop"
                }).appendto($element);*/
                playbutton.click(function(e) {
                    e.preventdefault();
                    return _this.play(true);
                });
                stopbutton.click(function(e) {
                    e.preventdefault();
                    return _this.stop(true);
                });
                if (this.options.play.swap) {
                    stopbutton.css({
                        display: "none"
                    });
                }
            }
            if (this.options.pagination.active) {
                pagination = $("<ul>", {
                    "class": "xmslide-pagination"
                }).appendto($element);
                $.each(new array(this.data.total), function(i) {
                    var paginationitem, paginationlink;
                    paginationitem = $("<li>", {
                        "class": "xmslide-pagination-item"
                    }).appendto(pagination);
                    paginationlink = $("<a>", {
                        href: "#",
                        "data-xmslide-item": i,
                        html: i + 1
                    }).appendto(paginationitem);
                    return paginationlink.click(function(e) {
                        e.preventdefault();
                        _this.stop(true);
                        return _this.goto(($(e.currenttarget).attr("data-xmslide-item") * 1) + 1);
                    });

                    //如果需要鼠标hover小图翻页
                    /*return paginationlink.hover(function(e){
                     e.preventdefault();
                     _this.stop(true);
                     return _this.goto(($(e.currenttarget).attr("data-xmslide-item") * 1) + 1);
                     }, function(e){})*/
                });
            }


            //edit by jsonbeta
            /*$(window).bind("resize", function() {
             return _this.update();
             });*/

            //edit by sivan
            $(window).bind("resize", function() {
                return _this.update();
            });

            this._setactive();

            if (this.options.play.auto) {
                this.play();
            }
            return this.options.callback.loaded(this.options.start);
        };
        plugin.prototype._setactive = function(number) {
            var $element, current;
            $element = $(this.element);
            this.data = $.data(this);
            current = number > -1 ? number : this.data.current;
            $(".active", $element).removeclass("active");
            return $(".xmslide-pagination li:eq(" + current + ") a", $element).addclass("active");
        };
        plugin.prototype.update = function() {
            var $element, height, width;
            $element = $(this.element);
            this.data = $.data(this);
            $(".xmslide-control", $element).children(":not(:eq(" + this.data.current + "))").css({
                display: "none",
                left: 0,
                zindex: 0
            });

            /*width = $element.width();
             height = (this.options.height / this.options.width) * width;
             this.options.width = width;
             this.options.height = height;*/

            //edit by jsonbeta
//      width = this.options.width;
//      height = this.options.height;

            //edit by sivan
            width = $element.width();
            this.options.width = width;
            height = this.options.height;

            if (width <= this.options.responsivewidth) {
                $element.find('img').each(function () {
                    if ($(this).attr('data-src-r')) {
                        $(this).attr('src', $(this).attr('data-src-r'));
                    }
                });
            }
            if (width > this.options.responsivewidth) {
                $element.find('img').each(function () {
                    $(this).attr('src', $(this).attr('data-src-orig'));
                });
            }

            return $(".xmslide-control, .xmslide-container", $element).css({
                width: width,
                height: height
            });
        };
        plugin.prototype.next = function(effect) {
            var $element;
            $element = $(this.element);
            this.data = $.data(this);
            $.data(this, "direction", "next");
            if (effect === void 0) {
                effect = this.options.navigation.effect;
            }
            if (effect === "fade") {
                return this._fade();
            } else {
                return this._slide();
            }
        };
        plugin.prototype.previous = function(effect) {
            var $element;
            $element = $(this.element);
            this.data = $.data(this);
            $.data(this, "direction", "previous");
            if (effect === void 0) {
                effect = this.options.navigation.effect;
            }
            if (effect === "fade") {
                return this._fade();
            } else {
                return this._slide();
            }
        };
        plugin.prototype.goto = function(number) {
            var $element, effect;
            $element = $(this.element);
            this.data = $.data(this);
            if (effect === void 0) {
                effect = this.options.pagination.effect;
            }
            if (number > this.data.total) {
                number = this.data.total;
            } else if (number < 1) {
                number = 1;
            }
            if (typeof number === "number") {
                if (effect === "fade") {
                    return this._fade(number);
                } else {
                    return this._slide(number);
                }
            } else if (typeof number === "string") {
                if (number === "first") {
                    if (effect === "fade") {
                        return this._fade(0);
                    } else {
                        return this._slide(0);
                    }
                } else if (number === "last") {
                    if (effect === "fade") {
                        return this._fade(this.data.total);
                    } else {
                        return this._slide(this.data.total);
                    }
                }
            }
        };
        plugin.prototype._setuptouch = function() {
            var $element, next, previous, slidescontrol;
            $element = $(this.element);
            this.data = $.data(this);
            slidescontrol = $(".xmslide-control", $element);
            next = this.data.current + 1;
            previous = this.data.current - 1;
            if (previous < 0) {
                previous = this.data.total - 1;
            }
            if (next > this.data.total - 1) {
                next = 0;
            }
            slidescontrol.children(":eq(" + next + ")").css({
                display: "block",
                left: this.options.width
            });
            return slidescontrol.children(":eq(" + previous + ")").css({
                display: "block",
                left: -this.options.width
            });
        };
        plugin.prototype._touchstart = function(e) {
            var $element, touches;
            $element = $(this.element);
            this.data = $.data(this);
            touches = e.originalevent.touches[0];
            this._setuptouch();
            $.data(this, "touchtimer", number(new date()));
            $.data(this, "touchstartx", touches.pagex);
            $.data(this, "touchstarty", touches.pagey);
            return e.stoppropagation();
        };
        plugin.prototype._touchend = function(e) {
            var $element, duration, prefix, slidescontrol, timing, touches, transform,
                _this = this;
            $element = $(this.element);
            this.data = $.data(this);
            touches = e.originalevent.touches[0];
            slidescontrol = $(".xmslide-control", $element);
            if (slidescontrol.position().left > this.options.width * 0.5 || slidescontrol.position().left > this.options.width * 0.1 && (number(new date()) - this.data.touchtimer < 250)) {
                $.data(this, "direction", "previous");
                this._slide();
            } else if (slidescontrol.position().left < -(this.options.width * 0.5) || slidescontrol.position().left < -(this.options.width * 0.1) && (number(new date()) - this.data.touchtimer < 250)) {
                $.data(this, "direction", "next");
                this._slide();
            } else {
                prefix = this.data.vendorprefix;
                transform = prefix + "transform";
                duration = prefix + "transitionduration";
                timing = prefix + "transitiontimingfunction";
                slidescontrol[0].style[transform] = "translatex(0px)";
                slidescontrol[0].style[duration] = this.options.effect.slide.speed * 0.85 + "ms";
            }
            slidescontrol.on("transitionend webkittransitionend otransitionend otransitionend mstransitionend", function() {
                prefix = _this.data.vendorprefix;
                transform = prefix + "transform";
                duration = prefix + "transitionduration";
                timing = prefix + "transitiontimingfunction";
                slidescontrol[0].style[transform] = "";
                slidescontrol[0].style[duration] = "";
                return slidescontrol[0].style[timing] = "";
            });
            return e.stoppropagation();
        };
        plugin.prototype._touchmove = function(e) {
            var $element, prefix, slidescontrol, touches, transform;
            $element = $(this.element);
            this.data = $.data(this);
            touches = e.originalevent.touches[0];
            prefix = this.data.vendorprefix;
            slidescontrol = $(".xmslide-control", $element);
            transform = prefix + "transform";
            $.data(this, "scrolling", math.abs(touches.pagex - this.data.touchstartx) < math.abs(touches.pagey - this.data.touchstarty));
            if (!this.data.animating && !this.data.scrolling) {
                e.preventdefault();
                this._setuptouch();
                slidescontrol[0].style[transform] = "translatex(" + (touches.pagex - this.data.touchstartx) + "px)";
            }
            return e.stoppropagation();
        };
        plugin.prototype.play = function(next) {
            var $element, currentslide, slidescontainer,
                _this = this;
            $element = $(this.element);
            this.data = $.data(this);
            if (!this.data.playinterval) {
                if (next) {
                    currentslide = this.data.current;
                    this.data.direction = "next";
                    if (this.options.play.effect === "fade") {
                        this._fade();
                    } else {
                        this._slide();
                    }
                }
                $.data(this, "playinterval", setinterval((function() {
                    currentslide = _this.data.current;
                    _this.data.direction = "next";
                    if (_this.options.play.effect === "fade") {
                        return _this._fade();
                    } else {
                        return _this._slide();
                    }
                }), this.options.play.interval));
                slidescontainer = $(/*".xmslide-container", */$element);
                if (this.options.play.pauseonhover) {
                    slidescontainer.unbind();
                    slidescontainer.bind("mouseenter", function() {
                        //$(".xmslide-navigation", $element).show();
                        return _this.stop();
                    });
                    slidescontainer.bind("mouseleave", function() {
                        //$(".xmslide-navigation", $element).hide();
                        //edit by jsonbeta
                        /*if (_this.options.play.restartdelay) {
                         return $.data(_this, "restartdelay", settimeout((function() {
                         return _this.play(true);
                         }), _this.options.play.restartdelay));
                         } else {
                         return _this.play();
                         }*/
                        return _this.play();
                    });
                }
                $.data(this, "playing", true);
                $(".xmslide-play", $element).addclass("xmslide-playing");
                if (this.options.play.swap) {
                    $(".xmslide-play", $element).hide();
                    return $(".xmslide-stop", $element).show();
                }
            }
        };
        plugin.prototype.stop = function(clicked) {
            var $element;
            $element = $(this.element);
            this.data = $.data(this);
            clearinterval(this.data.playinterval);
            if (this.options.play.pauseonhover && clicked) {
                $(".xmslide-container", $element).unbind();
            }
            $.data(this, "playinterval", null);
            $.data(this, "playing", false);
            $(".xmslide-play", $element).removeclass("xmslide-playing");
            if (this.options.play.swap) {
                $(".xmslide-stop", $element).hide();
                return $(".xmslide-play", $element).show();
            }
        };
        plugin.prototype._slide = function(number) {
            var $element, currentslide, direction, duration, next, prefix, slidescontrol, timing, transform, value,
                _this = this;
            $element = $(this.element);
            this.data = $.data(this);
            if (!this.data.animating && number !== this.data.current + 1) {
                $.data(this, "animating", true);
                currentslide = this.data.current;
                if (number > -1) {
                    number = number - 1;
                    value = number > currentslide ? 1 : -1;
                    direction = number > currentslide ? -this.options.width : this.options.width;
                    next = number;
                } else {
                    value = this.data.direction === "next" ? 1 : -1;
                    direction = this.data.direction === "next" ? -this.options.width : this.options.width;
                    next = currentslide + value;
                }
                if (next === -1) {
                    next = this.data.total - 1;
                }
                if (next === this.data.total) {
                    next = 0;
                }
                this._setactive(next);
                slidescontrol = $(".xmslide-control", $element);
                if (number > -1) {
                    slidescontrol.children(":not(:eq(" + currentslide + "))").css({
                        display: "none",
                        left: 0,
                        zindex: 0
                    });
                }
                slidescontrol.children(":eq(" + next + ")").css({
                    display: "block",
                    left: value * this.options.width,
                    zindex: 10
                });
                this.options.callback.start(currentslide + 1);
                if (this.data.vendorprefix) {
                    prefix = this.data.vendorprefix;
                    transform = prefix + "transform";
                    duration = prefix + "transitionduration";
                    timing = prefix + "transitiontimingfunction";
                    slidescontrol[0].style[transform] = "translatex(" + direction + "px)";
                    slidescontrol[0].style[duration] = this.options.effect.slide.speed + "ms";
                    return slidescontrol.on("transitionend webkittransitionend otransitionend otransitionend mstransitionend", function() {
                        slidescontrol[0].style[transform] = "";
                        slidescontrol[0].style[duration] = "";
                        slidescontrol.children(":eq(" + next + ")").css({
                            left: 0
                        });
                        slidescontrol.children(":eq(" + currentslide + ")").css({
                            display: "none",
                            left: 0,
                            zindex: 0
                        });
                        $.data(_this, "current", next);
                        $.data(_this, "animating", false);
                        slidescontrol.unbind("transitionend webkittransitionend otransitionend otransitionend mstransitionend");
                        slidescontrol.children(":not(:eq(" + next + "))").css({
                            display: "none",
                            left: 0,
                            zindex: 0
                        });
                        if (_this.data.touch) {
                            _this._setuptouch();
                        }
                        return _this.options.callback.complete(next + 1);
                    });
                } else {
                    return slidescontrol.stop().animate({
                        left: direction
                    }, this.options.effect.slide.speed, (function() {
                        slidescontrol.css({
                            left: 0
                        });
                        slidescontrol.children(":eq(" + next + ")").css({
                            left: 0
                        });
                        return slidescontrol.children(":eq(" + currentslide + ")").css({
                            display: "none",
                            left: 0,
                            zindex: 0
                        }, $.data(_this, "current", next), $.data(_this, "animating", false), _this.options.callback.complete(next + 1));
                    }));
                }
            }
        };
        plugin.prototype._fade = function(number) {
            var $element, currentslide, next, slidescontrol, value,
                _this = this;
            $element = $(this.element);
            this.data = $.data(this);
            if (!this.data.animating && number !== this.data.current + 1) {
                $.data(this, "animating", true);
                currentslide = this.data.current;
                if (number) {
                    number = number - 1;
                    value = number > currentslide ? 1 : -1;
                    next = number;
                } else {
                    value = this.data.direction === "next" ? 1 : -1;
                    next = currentslide + value;
                }
                if (next === -1) {
                    next = this.data.total - 1;
                }
                if (next === this.data.total) {
                    next = 0;
                }
                this._setactive(next);
                slidescontrol = $(".xmslide-control", $element);
                slidescontrol.children(":eq(" + next + ")").css({
                    display: "none",
                    left: 0,
                    zindex: 10
                });
                this.options.callback.start(currentslide + 1);
                if (this.options.effect.fade.crossfade) {
                    slidescontrol.children(":eq(" + this.data.current + ")").stop().fadeout(this.options.effect.fade.speed);
                    return slidescontrol.children(":eq(" + next + ")").stop().fadein(this.options.effect.fade.speed, (function() {
                        slidescontrol.children(":eq(" + next + ")").css({
                            zindex: 0
                        });
                        $.data(_this, "animating", false);
                        $.data(_this, "current", next);
                        return _this.options.callback.complete(next + 1);
                    }));
                } else {
                    return slidescontrol.children(":eq(" + currentslide + ")").stop().fadeout(this.options.effect.fade.speed, (function() {
                        slidescontrol.children(":eq(" + next + ")").stop().fadein(_this.options.effect.fade.speed, (function() {
                            return slidescontrol.children(":eq(" + next + ")").css({
                                zindex: 10
                            });
                        }));
                        $.data(_this, "animating", false);
                        $.data(_this, "current", next);
                        return _this.options.callback.complete(next + 1);
                    }));
                }
            }
        };
        plugin.prototype._getvendorprefix = function() {
            var body, i, style, transition, vendor;
            body = document.body || document.documentelement;
            style = body.style;
            transition = "transition";
            vendor = ["moz", "webkit", "khtml", "o", "ms"];
            transition = transition.charat(0).touppercase() + transition.substr(1);
            i = 0;
            while (i < vendor.length) {
                if (typeof style[vendor[i] + transition] === "string") {
                    return vendor[i];
                }
                i++;
            }
            return false;
        };
        return $.fn[pluginname] = function(options) {
            return this.each(function() {
                if (!$.data(this, "plugin_" + pluginname)) {
                    return $.data(this, "plugin_" + pluginname, new plugin(this, options));
                }
            });
        };
    })(jquery, window, document);

}).call(this);