Gridview with seamless marquee

[gabrielmusa]

I have a gridview which i'm scrolling using marquee and a Jscript code.it is working very well but want it to scroll seamlessly without leaving blank white spaces inbetween scrolls.

below is the jscript im using to scroll.

Thank you in advance for your help.

<SCRIPT type ="text/javascript" LANGUAGE="JavaScript"> 


<!--    Begin
    var ostat = false;


    function scrollstop() {
        commodities.scrollAmount = 0;

        ostat = true  ;
    }
    function reload() { 
        __doPostBack('Btnreload', '')
    }

    function scrollplay() {

        commodities.scrollAmount = 1;
        ostat = false;

    }
    function scrolldir() {
        mid = screen.width / 2;
        mouse = event.x;
        if (mouse > mid) {
            if (ostat == false) {
                speed = (mouse - mid) / 25;
                commodity.scrollAmount = speed;
            }
            commodities.direction = "up";
        }
        else {
            if (ostat == false) {
                speed = (mid - mouse) / 25;
                commodities.scrollAmount = speed;
            }
            commodities.direction = "up";
        }
    } 
//  End --> 
</script>