var timeOut = 0;
var autoTimeOut = 0;
var wrapper = null;
var holder = null;
var shiftPixel = 2;
var scrollSpeed = 40; // milliseconds between shiftPixel movement
var images;
var currentImages;
var currentImage;

var wrapperHeight;
var holderHeight;
var holderTop;

//document.observe("dom:loaded", function()
window.onload = function()
{
    wrapper = $('sponsorwrapper');
    holder = $('sponsorscroller');
    
    if (wrapper && holder)
    {
        wrapperHeight = wrapper.getHeight();
        holderHeight = holder.getHeight();
        holderTop = 0;
        
        images = $$('#sponsorscroller p');
        
        var i = 0;
        while (i < images.length)
        {
            images[i].addClassName('item' + i);
            
            i++;
        }
        
        currentImage = 0;
        
        if (holderHeight > wrapperHeight)
        {
            holder.style.position = 'absolute';
            
            holder.onmouseover = function(event) { stopAutoScroll(); };
            holder.onmouseout = function(event) { startAutoScroll(); };
            
            startAutoScroll();
        }
    }
}//);

function startAutoScroll()
{
    //shiftPixel = 1;
    autoTimeOut = window.setInterval('moveHolder();', scrollSpeed * 3);
}

function stopAutoScroll()
{
    if (autoTimeOut) window.clearInterval(autoTimeOut);
    //shiftPixel = 2;
}

var blockHolder = 0;
function moveHolder()
{
    if (holderHeight - wrapperHeight + holderTop <= 5)
    {
        //if (!images[currentImage]) currentImage = 0;
        
        //holder.appendChild(images[currentImage].cloneNode(true));
        //holderHeight = holder.getHeight();
        
        //currentImage++;
        
        blockHolder++;
    }
    
    if (blockHolder > 10)
    {
        holderTop = 0;
        blockHolder = 0;
    }
    
    holderTop = holderTop - shiftPixel;
    holder.setStyle({top: holderTop + 'px'});
    
    return;
}