

var AutoScroller = Class.create( {
    initialize:function(scrollerContainerId, scrollerMarqueeId)
    {
        this.scrollerContainer = $(scrollerContainerId);
        this.scrollerContainer.onmouseover = this.pauseScrolling.bindAsEventListener(this);
        this.scrollerContainer.onmouseout = this.continueScrolling.bindAsEventListener(this);
        this.scrollerMarquee = $(scrollerMarqueeId);
        this.pas=1;
        var scrollerDimensions = this.scrollerContainer.getDimensions();
        this.h_fen = scrollerDimensions.height/2;
        this.h_mrq= this.scrollerMarquee.getHeight();
        new PeriodicalExecuter(this.onScroll.bind(this),0.1);
        // window.setInterval(this.onScroll.bind(this), 50);
    },
    pauseScrolling:function(evt)
    {
        this.stoc=this.pas;
        this.pas=0;
    },
    
    continueScrolling:function(evt)
    {
        this.pas = this.stoc;
    },
     onScroll:function()
    {
        if ( parseInt(this.scrollerMarquee.style.top) > -(this.h_mrq-30) )
            this.scrollerMarquee.style.top = parseInt(this.scrollerMarquee.style.top)-this.pas+"px";
         else
            this.scrollerMarquee.style.top=parseInt(this.h_fen)+"px";

    }
    
});
