function addLoadListener(fn) {
    
    if (typeof window.addEventListener != 'undefined') {
        window.addEventListener('load', fn, false);
    }
    else if (typeof document.addEventListener != 'undefined') {
        document.addEventListener('load', fn, false);
    }
    else if (typeof window.attachEvent != 'undefined') {
            window.attachEvent('onload', fn);
    }
    else {
        var oldfn = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = fn;
        }
        else {
            window.onload = function() {
                oldfn();
                fn();
            };
        }
    }
}


function round_number(number, precision) {
    return Math.round(number*Math.pow(10, precision)) / Math.pow(10, precision);
}

var elPrev;
var elNext;

function setOpacity(level) {
    
    elPrev.style.opacity = level;
    elPrev.style.MozOpacity = level;
    elPrev.style.KhtmlOpacity = level;
    elPrev.style.filter = "alpha(opacity=" + (level * 100) + ");";
    
    elNext.style.opacity = 1 - level;
    elNext.style.MozOpacity = 1 - level;
    elNext.style.KhtmlOpacity = 1 - level;
    elNext.style.filter = "alpha(opacity=" + ((1 - level) * 100) + ");";
    
    if(level == 0) {
        elPrev.style.display = "none";
        elNext.style.display = "block";
    }
    else if(level == 1) {
        elPrev.style.display = "block";
        elNext.style.display = "none";
    }
    else {
        elPrev.style.display = "block";
        elNext.style.display = "block";
    }
}
    
function fade() {

    var tmpEl = elPrev;
    elPrev = elNext;
    elNext = tmpEl;
        
    if(elPrev && elNext) {
        for (i = 0; i <= 1; i = round_number(i + 0.05, 2)) {
            setTimeout("setOpacity(" + i + ")", i * 2000);
        }
    }

}

addLoadListener( function(){ elPrev = document.getElementById("bigbanner1"); elNext = document.getElementById("bigbanner2"); SetIntervalID = setInterval('fade()', 5000); });