var margin = 15; // marge ronde de items.
var speed = 25; // aantal miliseconden dat het duurt om 1 pixel omhoog te schuiven.
var stopspeed = 0; // aantal miliseconden dat het item stopt.
var scroller;
var pause=0;
    
//window.onload = begin;

scroller = document.getElementById("scroller"); 
    if(scroller.hasChildNodes()) {
        for(var i = 0; i < scroller.childNodes.length; i++) {
            if(scroller.childNodes[i].nodeType == 1) {
                scroller.childNodes[i].style.margin = margin + 'px';
            } else if(scroller.childNodes[i].nodeType == 3) {
                scroller.removeChild(scroller.childNodes[i]);
                i--;
            }
        }
        setTimeout("count(" + margin + ")", stopspeed);
    }

function begin() {
    scroller = document.getElementById("scroller"); 
    if(scroller.hasChildNodes()) {
        for(var i = 0; i < scroller.childNodes.length; i++) {
            if(scroller.childNodes[i].nodeType == 1) {
                scroller.childNodes[i].style.margin = margin + 'px';
            } else if(scroller.childNodes[i].nodeType == 3) {
                scroller.removeChild(scroller.childNodes[i]);
                i--;
            }
        }
        setTimeout("count(" + margin + ")", stopspeed);
    }
}
    
function count(counter) {
    if(pause==0)
    {counter--;}
    setTimeout("move(" + counter + ")", speed);
}

function move(counter) {
    scroller.firstChild.style.marginTop = counter + 'px';
    if(counter > -(scroller.firstChild.offsetHeight)) {
        count(counter);
    } else {
        setTimeout("stack(" + counter + ")", stopspeed);
    }
}

function stack(counter) {
    var thischild = scroller.firstChild;
    scroller.removeChild(thischild);
    scroller.appendChild(thischild);
    scroller.lastChild.style.margin = margin + 'px';
    count(margin);
}

function Pause(){
	pause=1;
}

function unPause(){
	pause=0;
}