// Global variabelen declaratie
var collectieElementActief = 1;

var collectieBooTimer = true;
var collectiebooLock = true;

var collectieNumber = 0;
var collectieTimerInterval = 0;
var collectieEffectInterval = 0;
var collectieContainer = "CollectieBannerItem";
// Eind declaratie

function collectieTimer() {
    if (collectiebooLock) {
        if (collectieBooTimer) {
            if (collectieNumber != 0) {
                if (Ext.get(collectieContainer + "-" + (collectieNumber + 1)) == null) {
					collectieNumber = 0;
                }
                updateCollectieBanner(parseInt(collectieNumber + 1));
            } else {
				collectieNumber++;
			}
        }
    } 
    setTimeout("collectieTimer();", collectieTimerInterval);
}

function collectieBannerOut(nummer) {
    var inactiveElement = Ext.get(collectieContainer +"-"+nummer);
    inactiveElement.fadeOut({ endOpacity: 0, duration: collectieEffectInterval });
}

function collectieBannerIn(nummer) {
    var activeElement = Ext.get(collectieContainer +"-"+nummer);
	activeElement.setStyle("visibility", "visible");
    activeElement.fadeIn({ endOpacity: 1, duration: collectieEffectInterval });
}


// Fading
function updateCollectieBanner(nummer) {
    collectieNumber = parseInt(nummer);
	var banner = collectieContainer + "-"+nummer;
    
	if (collectieElementActief != nummer) {
        var booBezig = false;
        if (collectieElementActief != 0) {
            collectieBannerOut(collectieElementActief);
            booBezig = true;
        }
        if (booBezig) {
            collectieBannerIn(nummer);
            booBezig = false;
        } else {
            collectieBannerIn(nummer);
        }
        collectieElementActief = nummer;

    }
}

function collectieTimerPauze() {
    collectieBooTimer = false;
    collectiebooLock = false;
}

function collectieTimerContinue() {
    collectieBooTimer = true;
    collectiebooLock = true;
}