var timer = undefined
function rolling(maxId,minId) {
    $(document).ready(function () {
        $("#"+maxId).scroll(function(){
            var scroll = $("#"+maxId).scrollTop();
            if(scroll >= $("#"+minId).height()-$("#"+maxId).height()){
                scroll();
            }
        });
        function  scroll(){
            var TopRoll=document.getElementById(maxId);
            if(TopRoll.scrollTop == $("#"+minId).height()-$("#"+maxId).height()){
                TopRoll.scrollTop = 0;
            }else{
                TopRoll.scrollTop=TopRoll.scrollTop+1;
            }
        }
        if(timer){
            clearInterval(timer);
        }
        timer = setInterval(scroll,30);
        $("#"+maxId).mousemove(function(){
            clearInterval(timer);
        })
        $("#"+maxId).mouseout(function(){
            if(timer){
                clearInterval(timer);
            }
            timer = setInterval(scroll,30);
        })
    })
}


var timer2 = undefined
function rolling2(maxId,minId) {
    $(document).ready(function () {
        $("#" + maxId).scroll(function () {
            var scroll = $("#" + maxId).scrollTop();
            if (scroll >= $("#" + minId).height() - $("#" + maxId).height()) {
                scroll();
            }
        });

        function scroll() {
            var TopRoll = document.getElementById(maxId);
            if (TopRoll.scrollTop == $("#" + minId).height() - $("#" + maxId).height()) {
                TopRoll.scrollTop = 0;
            } else {
                TopRoll.scrollTop = TopRoll.scrollTop + 1;
            }
        }

        if (timer2) {
            clearInterval(timer2);
        }
        timer2 = setInterval(scroll, 30);
        $("#" + maxId).mousemove(function () {
            clearInterval(timer2);
        })
        $("#" + maxId).mouseout(function () {
            if (timer2) {
                clearInterval(timer2);
            }
            timer2 = setInterval(scroll, 30);
        })

    })
}

var timer3 = undefined
function rolling3(maxId,minId) {
    $(document).ready(function () {
        $("#" + maxId).scroll(function () {
            var scroll = $("#" + maxId).scrollTop();
            if (scroll >= $("#" + minId).height() - $("#" + maxId).height()) {
                scroll();
            }
        });

        function scroll() {
            var TopRoll = document.getElementById(maxId);
            if (TopRoll.scrollTop == $("#" + minId).height() - $("#" + maxId).height()) {
                TopRoll.scrollTop = 0;
            } else {
                TopRoll.scrollTop = TopRoll.scrollTop + 1;
            }
        }

        if (timer3) {
            clearInterval(timer3);
        }
        timer3 = setInterval(scroll, 30);
        $("#" + maxId).mousemove(function () {
            clearInterval(timer3);
        })
        $("#" + maxId).mouseout(function () {
            if (timer3) {
                clearInterval(timer3);
            }
            timer3 = setInterval(scroll, 30);
        })

    })
}


var timer4 = undefined
function rolling4(maxId,minId) {
    $(document).ready(function () {
        $("#" + maxId).scroll(function () {
            var scroll = $("#" + maxId).scrollTop();
            if (scroll >= $("#" + minId).height() - $("#" + maxId).height()) {
                scroll();
            }
        });

        function scroll() {
            var TopRoll = document.getElementById(maxId);
            if (TopRoll.scrollTop == $("#" + minId).height() - $("#" + maxId).height()) {
                TopRoll.scrollTop = 0;
            } else {
                TopRoll.scrollTop = TopRoll.scrollTop + 1;
            }
        }

        if (timer4) {
            clearInterval(timer4);
        }
        timer4 = setInterval(scroll, 30);
        $("#" + maxId).mousemove(function () {
            clearInterval(timer4);
        })
        $("#" + maxId).mouseout(function () {
            if (timer4) {
                clearInterval(timer4);
            }
            timer4 = setInterval(scroll, 30);
        })

    })
}