/* 
-------------------------------------------------------
宸﹀彸婊氬姩缈婚〉
鍐呭鍖哄ぇ浜庣洅瀛愬搴︽椂鍚姩婊氬姩锛岀炕椤靛搴︺€侀€熷害鏍规嵁褰撳墠鏂瑰悜绗竴鏉″搴﹁嚜鍔ㄨ皟鏁
-------------------------------------------------------
璋冪敤鏂规硶锛
$('#id').daliSlide({
    speed: 5000,        //鍒囨崲閫熷害
    duration: 500,      //杩囨浮閫熷害
    aroname: 'banleft,banright',  //绠ご绫诲悕锛屼负绌轰笉鏄剧ず
    auto: true
});
-------------------------------------------------------
椤甸潰DOM缁撴瀯锛
<div class="scrollbox" id="scrollbox">
    <ul>
        <li><img src=""></li>
        <li><img src=""></li>
        鈥︹€
    </ul>
</div>
--------------------------------------------------------
 */

; (function ($) {
    $.fn.extend({
        "daliScroll": function (options) {
            var obj = $(this);
            var speed = options.speed;
            var duration = options.duration;
            var s = options.step;
            var aroleft = options.aroleft;
            var aroright = options.aroright;
            var auto = options.auto;
            var dalitime;
            var moving = false;
            var objw = obj.find('.scrollu').width();
            var contw = 0;
            obj.find('li').each(function(){
                contw += $(this).outerWidth(true);
            })
            if (contw > objw) {
                //鍒涘缓绠ご
                if (aroleft != '' && obj.find('.'+aroleft).length==0) {
                    obj.append('<div class="' + aroleft + '"></div>')
                }
                if (aroright != '' && obj.find('.'+aroright).length==0) {
                    obj.append('<div class="' + aroright + '"></div>')
                }
                if (auto){
                    dalitime = setTimeout(function () { MoveTo('l', s) }, speed);
                }
            }
            obj.find('.' + aroleft).click(function () {
                if (!moving) {
                    MoveTo('r',s);
                }
            })
            obj.find('.' + aroright).click(function () {
                if (!moving) {
                    MoveTo('l',s);
                }
            })
            obj.find('em').click(function () {
                if (!moving && !$(this).hasClass('on')) {
                    var inidx = $(this).index();
                    var curidx = obj.find('em.on').index()
                    var aro = inidx > curidx ? 'l' : 'r';
                    var step = Math.abs(inidx - curidx);
                    MoveTo(aro,step);
                }
            })
            function MoveTo(aro,step) {
                moving = true;
                if (dalitime) { clearTimeout(dalitime); }
                if (aro == 'l') {
                    var dis = 0;
                    for(var i=0; i<step; i++){
                        dis -= obj.find('li').eq(i).outerWidth(true);
                        obj.find('ul').append('<li>'+obj.find('li').eq(i).html()+'</li>');
                    }
                    obj.find('li:eq(0)').css({'margin-left': dis});
                    setTimeout(() => {
                        for(var i=step-1; i>=0; i--){
                            obj.find('li').eq(i).remove();
                        }
                        options.callback && options.callback();
                        if (auto){
                            dalitime = setTimeout(function () { MoveTo('l',s) }, speed);
                        }
                        moving = false;
                    }, duration);
                }
                else{
                    var dis = 0;
                    var c = '';
                    for(var i=1; i<=step; i++){
                        dis -= obj.find('li').eq(i*-1).outerWidth(true);
                        c = '<li>'+obj.find('li').eq(i*-1).html()+'</li>' + c;
                    }
                    c = c.replace('<li>','<li style="margin-left:'+dis+'px">');
                    obj.find('ul').prepend(c);
                    obj.find('li:eq(0)').animate({'marginLeft':'0'},duration/2,function(){
                        for(var i=0; i<step; i++){
                            obj.find('li').last().remove();
                        }
                        options.callback && options.callback();
                        if (auto){
                            dalitime = setTimeout(function () { MoveTo('r',s) }, speed);
                        }
                        moving = false;
                    });
                }
            }
        }
    });
})(jQuery);