WifiScroller = function() {
    this.numLogos = 8;
    this.itemWidth = 256;
    this.itemPos = this.itemWidth/2;
    this.currentItemNumber = 1;
    this.items = new Array(this.numLogos);

    this.leftCount = -this.itemWidth/2;
    
    this._timeoutId = null;   // Holds the ID of the timeout so we can cancel it.
    
    for (var mr_i=0; mr_i < this.numLogos; mr_i++)
    {
        this.items[mr_i] = this.itemPos;
        this.itemPos = this.itemPos + this.itemWidth;
        currentLogo = document.getElementById("logo" + (mr_i + 1));
        currentLogo.style.left = this.leftCount;        
        this.leftCount = this.leftCount + this.itemWidth;
        
    }
    for (var mr_i=0; mr_i < this.numLogos; mr_i++)
    {
        currentLogo = document.getElementById("logo" + (mr_i + 1));
        currentLogo.style.display = "block";
    }
}

WifiScroller.prototype = {
    startScrolling : function() {
        currentLogo = document.getElementById("logo" + this.currentItemNumber);   
     
        currentLeftPosition = this.items[this.currentItemNumber -1];
        endLeftPosition = ((currentLeftPosition - this.itemWidth) < -(this.itemWidth/2))? (this.numLogos * this.itemWidth)-(this.itemWidth/2) : currentLeftPosition - this.itemWidth;
        
        this.items[this.currentItemNumber -1] = endLeftPosition;
        
        t1 = new Tween(currentLogo.style,'left',Tween.strongEaseInOut,currentLeftPosition,currentLeftPosition - this.itemWidth,2,'px');
            
        t1.onMotionFinished = function(){currentLogo.style.left = endLeftPosition;};
        
        t1.start();
            
        this.currentItemNumber = (this.currentItemNumber != this.numLogos)? this.currentItemNumber + 1 : 1;
        //alert(currentItemNumber);

        var that = this;
        this._timeoutId = setTimeout(function() { that.startScrolling.call(that); }, 400);
    },
    
    stop : function() {
        clearTimeout(this._timeoutId);
    }    
}