(function($) {
    $.fn.extend({
        ImgChange: function(setting) {
            var config = $.extend(
            {
                playTime: 5000,
                animateTime: 250
            }, setting);

            var _i = 0;
            var _this = this;
            var _tabs = _this.find(".tabs li");
            var _imgs = _this.find(".imgs img");
            var _n = _tabs.length;

            //初始化显示
            _imgs.not(":first").hide();
            _tabs.first().addClass("curr");

            _tabs.click(function() {
                var ii = _tabs.index(this);
                if (ii == _i) { return; }

                _tabs.removeClass("curr");
                _tabs.eq(ii).addClass("curr");
                _imgs.eq(_i).fadeOut(config.animateTime);
                _imgs.eq(ii).fadeIn(config.animateTime);
                
                _i = ii;
            });


            // 添加轮换任务
            var _play = setInterval(play, config.playTime);

            function play() {
                _tabs.eq((_i + 1) % _n).click()
            }
            // 鼠标进入事件
            _this.mouseover(function() {
                clearInterval(_play);
            });

            // 鼠标离开事件
            _this.mouseout(function() {
                _play = setInterval(play, config.playTime);
            });
        }
    });
})(jQuery);