$.srollImg =
{
    srollBox: function(_this, setting) {
    
        this.timer = null;
        $.srollImg.autoChange(_this, setting);
        
        _this.find(setting.nextClickBtn).click(
            function() {

             $.srollImg.srollLast(_this, setting);

            });

        _this.find(setting.lastClickBtn).click(
             function() {
                 $.srollImg.srollNext(_this, setting);
             });
    },
    srollNext: function(_this, setting) {

        setting.pageIndex++;
        if (setting.pageIndex > setting.dataList.length / setting.pageSize ) {
            setting.pageIndex = 1;
        }

        _this.find(setting.contentDocment).html($.srollImg.srollChange(setting));
    },
    srollLast: function(_this, setting) {

        setting.pageIndex--;
        if ( setting.pageIndex<1) {
            setting.pageIndex = setting.dataList.length / setting.pageSize;
        }

        _this.find(setting.contentDocment).html($.srollImg.srollChange(setting));
    },
    srollChange: function(setting) {

        var loopHtml1 = setting.loopHtml1;
        var loopHtml2 = setting.loopHtml2;

        var result = "";

        $.each(setting.dataList, function(i, text) {

            var tHtml = "";
            if (i >= (setting.pageIndex - 1) * setting.pageSize && i < setting.pageIndex * setting.pageSize) {
                if (i == 0) {
                    tHtml = loopHtml1;
                }
                else {
                    tHtml = loopHtml2;
                }

                $.each(text.split("|"), function(j, value) {
                    tHtml = tHtml.replace("{" + j + "}", value);

                });
                result += tHtml;
            }
        })

        return result;

    },
    autoChange: function(_this, setting) {
        if (setting.autoChange) {
            this.timer = window.setInterval(function() { $.srollImg.srollNext(_this, setting); }, setting.setTime);
        }
           
    },
    clearInterval:function()
    {
        if(this.timer != null)
            window.clearInterval(this.timer);
        this.timer = null;
    }

}

 $.fn.srollImg = function(options) {

        var defaults = {
            //数据(链接|图片|名称|说明|价格)
            dataList: new Array("#|images/comm/temp/pro100x100_02.jpg|Dior 迪奥|4重功效神奇BB裸乳霜|340", "#|images/comm/temp/pro100x100_02.jpg|Dior 迪奥|4重功效神奇BB裸乳霜|350", "#|images/comm/temp/pro100x100_02.jpg|Dior 迪奥|4重功效神奇BB裸乳霜|360"),
            pageIndex: 1,
            pageSize: 3,
            contentDocment: 'ul',
            //LI循环体1 与数据对应替换字串(链接|图片|名称|说明|价格)
            loopHtml1:'<li class="p17"><a href="{0}" class="link06" target="_blank"><img src="{1}" style="border:none;" /><p>{2}<br />{3}</p></a><strong class="cred01 font14px">好买价:{4}</strong></li>',   
            //LI循环体2
            loopHtml2: '<li class="p17"><a href="{0}" class="link06" target="_blank"><img src="{1}" /><p>{2}<br />{3}</p></a><strong class="cred01 font14px">好买价:{4}</strong></li>',
            lastClickBtn:'.scroll_left',
            nextClickBtn:'.scroll_right',
            setTime: 3000,
            autoChange:true
            
        };

        var opt = $.extend(defaults, options);

        return this.each(function(){
        
        $.srollImg.srollBox($(this), defaults);
        });
}