$.srollImg =
{
    srollBox: function(_this, setting) {

    this.timer = null;
    _this.find(setting.contentDocment).html($.srollImg.srollChange(_this, setting));
        $.srollImg.autoChange(_this, setting);

        _this.find(setting.nextClickBtn).click(
            function() {
                $.srollImg.srollNext(_this, setting);

            });

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

        setting.dataNow = Number(setting.dataNow) + Number(setting.move);

        if (setting.dataNow + setting.pageSize > setting.dataList.length) {
            setting.dataNow = setting.dataList.length - setting.pageSize + 1;
        }
        _this.find(setting.contentDocment).html($.srollImg.srollChange(_this, setting));
       
    },
    srollLast: function(_this, setting) {
        setting.dataNow = Number(setting.dataNow) - Number(setting.move);
        if (setting.dataNow < 1) {
            setting.dataNow = 1;
        }
        _this.find(setting.contentDocment).html($.srollImg.srollChange(_this, setting));
    
    },
    srollChange: function(_this,setting) {

        var loopHtml = setting.loopHtml;

        var result = "";

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

            var tHtml = "";
            if (i >= setting.dataNow - 1 && i < setting.dataNow + setting.pageSize - 1) {

                tHtml = loopHtml;
                $.each(text.split("|"), function(j, value) {
                    tHtml = tHtml.replace("{" + j + "}", value);
                    tHtml = tHtml.replace("{" + j + "}", value);
                });
                result += tHtml;
            }
        })
        $.srollImg.btnStyle(_this, setting);
        return result;

    },
    btnStyle: function(_this, setting) {
        _this.find(setting.nextClickBtn).find("img").attr("src", "images/comm/btn/lr_01_right.gif");
        _this.find(setting.lastClickBtn).find("img").attr("src", "images/comm/btn/lr_01_left.gif");
        _this.find(setting.nextClickBtn).find("img").css("cursor", "default");
        _this.find(setting.lastClickBtn).find("img").css("cursor", "default");
        if (setting.dataNow > 1) {
            _this.find(setting.lastClickBtn).find("img").attr("src", "images/comm/btn/lr_01_left_cur.gif");
            _this.find(setting.lastClickBtn).find("img").css("cursor", "pointer");
        }
        if (setting.dataNow + setting.pageSize - 1 < setting.dataList.length) {
            _this.find(setting.nextClickBtn).find("img").attr("src", "images/comm/btn/lr_01_right_cur.gif");
            _this.find(setting.nextClickBtn).find("img").css("cursor", "pointer");
        }
    },
    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(
"http://www.niuer.com.cn/vedio.aspx?vid=81F37059B27840A48488CB142197FAE7|images/comm/temp/vv9.jpg|ELLEtv京城之霜专题",
"http://www.niuer.com.cn/vedio.aspx?vid=04F77703E7424D01B34E8426D7E7C397|images/comm/temp/vv10.jpg|星尚《大牌》专访牛尔",
"http://www.niuer.com.cn/vedio.aspx?vid=F99266EF6BC6414FA0446C8FB4922A57|images/comm/temp/vv5.jpg|京城之霜聪明变身BB霜",
"http://www.niuer.com.cn/vedio.aspx?vid=04FCE5CA593C4F7595F01CA7F1FE36D4|images/comm/temp/vv2.jpg|京城之霜专家进阶使用法—眼部护理",
"http://www.niuer.com.cn/vedio.aspx?vid=EB7B075CC31045E28EAD912F89057ED7|images/comm/temp/vv3.jpg|京城之霜专家进阶使用法-唇周护理",
"http://www.niuer.com.cn/vedio.aspx?vid=20EE90B1E73E4F4D883016FD424F4A5C|images/comm/temp/v2.jpg|ELLE主编晓雪谈牛尔京城之霜", 
"http://www.niuer.com.cn/vedio.aspx?vid=7B80C742276E406BA60DA63DB56113EA|images/comm/temp/vv6.jpg|京城之霜研发起源",
"http://www.niuer.com.cn/vedio.aspx?vid=315B62F524834FADBB23CB3CF1B79F69|images/comm/temp/vv1.jpg|京城之霜日常使用法",
"http://www.niuer.com.cn/vedio.aspx?vid=C6367B15B9CA437ABC96C3B1AC9E975A|images/comm/temp/vv4.jpg|京城之霜-从包装看用心",
"http://www.niuer.com.cn/vedio.aspx?vid=7949B28CC52640C496651B9403140724|images/comm/temp/vv8.jpg|京城之霜专家级用法-法令纹护理",
"http://www.niuer.com.cn/vedio.aspx?vid=BA5E3A393D8945B3AD739867B0D8B2FB|images/comm/temp/v3.jpg|SOHU易铃娜谈京城之霜的研发灵感", 
"http://www.niuer.com.cn/vedio.aspx?vid=52B068B27BF0455F92AABDE499119563|images/comm/temp/v1.jpg|牛尔为你揭开京城之霜的神秘面纱", 
"http://www.niuer.com.cn/vedio.aspx?vid=6AA71A634F2541FEB41342BDC85B31E9|images/comm/temp/v4.jpg|《精品》主编赵跃红力挺牛尔公益",
"http://www.niuer.com.cn/vedio.aspx?vid=92C45C85CEBB40939D3C28A63995CFF0|images/comm/temp/vv7.jpg|京城之霜专家级用法-颈部护理"),
            dataNow: 1,
            pageSize: 4,
            move:1,
            contentDocment: 'ul',
            //LI循环体 与数据对应替换字串(链接|图片|名称|说明|价格)
            loopHtml: '<li><div class="mainscrollimg"><a href="{0}" target="_blank"><img src="{1}" /></a></div><div class="mainscrollcon"><a href="{0}"  target="_blank">{2}</a></div></li>',
            lastClickBtn: '.mainscroll_l',
            nextClickBtn: '.mainscroll_r',
            setTime: 3000,
            autoChange:false
            
        };

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

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