var autoplay = true;
var tids = new Array();
                                                                                                                 
function startOrStopScroll(is) {
    if(autoplay == false){
        autoplay = true;
        var willBe = is;
        if(is+1 >4){
            willBe = 1;
        } else {
            willBe++;
        }
        rollTheScroll(is,willBe);
    } else {
        autoplay = false;
        while(tids.length > 0){
           clearTimeout(tids.pop());
        }
    }
}
function changeScroller(was, willBe){
    var timer = 0;
    var speed = 10;
    /* use 99 instead of 100 to fix flicker on Moz */                                                                                    
    for(i = 99; i >= 0; i--) {
      var tid = setTimeout("changeOpac(" + i + ",'scroller" + was + "')",(timer * speed));
      if(autoplay){tids.push(tid);}
      timer++;
    }
                                                                                                                 
    var tid1 = setTimeout("document.getElementById('scroller" + was + "').style.display = 'none'", (timer * speed));
    var tid2 = setTimeout("document.getElementById('scroller" + willBe + "').style.display = 'block'", (timer * speed));
    if(autoplay){tids.push(tid1, tid2);}
    timer++;
    for(i = 0; i <= 99; i++) {
       var tid = setTimeout("changeOpac(" + i + ",'scroller" + willBe + "')",(timer * speed));
       if(autoplay){tids.push(tid);}
       timer++;
    }
}
                                                                                                                 
//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id);
    if(typeof object.style.filter != 'undefined') object.style.filter = 'alpha(opacity='+opacity+')';
    else if(typeof object.style.MozOpacity != 'undefined') object.style.MozOpacity=opacity/100;
    else if(typeof object.style.khtmlOpacity != 'undefined') object.style.khtmlOpacity = opacity/100;
    else object.style.opacity = opacity/100;
}

function rollTheScroll(was, willBe){
    var tid = setTimeout("changeScroller(" + was + ", " + willBe + ")", 10000);
    if(autoplay){tids.push(tid);}
    if(was+1 >3){
        was = 1;
    } else {
        was++;
    }
    if(willBe+1 >3){
        willBe = 1;
    } else {
        willBe++;
    }
    if(autoplay){
        var tid = setTimeout("rollTheScroll(" + was + "," + willBe + ")", 10000);
        tids.push(tid);
    }
}
                                                                                                                 
function changeAndResetTimer(arg1, arg2){
    startOrStopScroll(arg1);
    autoplay = true;
    changeScroller(arg1, arg2);
    autoplay = false;
    startOrStopScroll(arg2);
}

window.onload = rollTheScroll(1,2);