﻿function KsnScrollVertical(ContentDivID, ScrollDuration,FrameDuration,ScrollStep,FrameStep, Direction) {

    //定义内部变量
    var currentFrameStep = 0;

    var div1 = document.getElementById(ContentDivID);
    div1.innerHTML = div1.innerHTML + div1.innerHTML;
    
    var MyMar;
   
    function Marquee() {

        switch (Direction.toString().toLowerCase()) {
            case "top":
                {
                    if (div1.scrollTop >= (div1.scrollHeight / 2)) {
                        div1.scrollTop = 0;
                    }
                    else {
                        div1.scrollTop = div1.scrollTop + ScrollStep;
                        currentFrameStep = currentFrameStep + ScrollStep;
                    }
                    break;
                }
            case "down":
                {
                    if (div1.scrollTop <= (div1.scrollHeight / 2)) {
                        div1.scrollTop = div1.scrollHeight;
                    }
                    else {
                        div1.scrollTop = div1.scrollTop - ScrollStep;
                        currentFrameStep = currentFrameStep + ScrollStep;
                    }
                    break;
                }
        }
        


        //处理步长
        if (currentFrameStep >= FrameStep) {
            currentFrameStep = 0;
            MyMar = setTimeout(Marquee, FrameDuration);
        }
        else {
            MyMar = setTimeout(Marquee, ScrollDuration);
        }
    }

    MyMar = setTimeout(Marquee,FrameDuration);
    div1.onmouseover = function() { clearTimeout(MyMar); }
    div1.onmouseout = function() { MyMar = setTimeout(Marquee, ScrollDuration); }
}

function KsnScrollHorizontal(ContainDivID,ContentDivID, ScrollDuration, FrameDuration, ScrollStep, FrameStep, Direction) {

    //定义内部变量
    var currentFrameStep = 0;

    var div1 = document.getElementById(ContainDivID);
    var div2 = document.getElementById(ContentDivID);
    div2.innerHTML = div2.innerHTML + div2.innerHTML;

    var MyMar;

    function Marquee() {

        switch (Direction.toString().toLowerCase()) {
            case "left":
                {
                    if (div1.scrollLeft >= (div1.scrollWidth / 2)) {
                        div1.scrollLeft = 0;
                    }
                    else {
                        div1.scrollLeft = div1.scrollLeft + ScrollStep;
                        currentFrameStep = currentFrameStep + ScrollStep;
                    }
                    break;
                }
            case "right":
                {
                    if (div1.scrollLeft <= (div1.scrollWidth / 2)) {
                        div1.scrollLeft = div1.scrollWidth;
                    }
                    else {
                        div1.scrollLeft = div1.scrollTop - ScrollStep;
                        currentFrameStep = currentFrameStep + ScrollStep;
                    }
                    break;
                }
        }



        //处理步长
        if (currentFrameStep >= FrameStep) {
            currentFrameStep = 0;
            MyMar = setTimeout(Marquee, FrameDuration);
        }
        else {
            MyMar = setTimeout(Marquee, ScrollDuration);
        }
    }

    MyMar = setTimeout(Marquee, FrameDuration);
    div1.onmouseover = function () { clearTimeout(MyMar); }
    div1.onmouseout = function () { MyMar = setTimeout(Marquee, ScrollDuration); }
}


