var scrollDelay1;
var scrollDelay2;
var scrollDelay3;
var accordeon1;
var accordeon2;
var accordeon3;

window.addEvent('domready', function() {
	accordeon1 = new Fx.Accordion($('scroller1'), '.toggler1', '.element1', {
		onComplete: function() {
	        scrollDelay1 = (function() {
	        	this.display((this.previous + 1) % this.togglers.length);
	        }).delay(2500, this);
	    },
	    onActive: function(toggler, element) {
	    	toggler.addClass('scroller_kop_active');	
	    },
	    onBackground: function(toggler, element) {
	    	toggler.removeClass('scroller_kop_active');	
	    }
	});
	accordeon2 = new Fx.Accordion($('scroller2'), '.toggler2', '.element2', {
		onComplete: function() {
	        scrollDelay2 = (function() {
	        	this.display((this.previous + 1) % this.togglers.length);
	        }).delay(2500, this);
	    },
	    onActive: function(toggler, element) {
	    	toggler.addClass('scroller_kop_active');	
	    },
	    onBackground: function(toggler, element) {
	    	toggler.removeClass('scroller_kop_active');	
	    }
	});
	accordeon3 = new Fx.Accordion($('scroller3'), '.toggler3', '.element3', {
		onComplete: function() {
	        scrollDelay3 = (function() {
	        	this.display((this.previous + 1) % this.togglers.length);
	        }).delay(2500, this);
	    },
	    onActive: function(toggler, element) {
	    	toggler.addClass('scroller_kop_active');	
	    },
	    onBackground: function(toggler, element) {
	    	toggler.removeClass('scroller_kop_active');	
	    }
	});
	
	$(document.body).getElements('.toggler1').addEvent('click', function() {
		accordeon1.removeEvents('onComplete');
		$clear(scrollDelay1);
	});
	
	$(document.body).getElements('.toggler2').addEvent('click', function() {
		accordeon2.removeEvents('onComplete');
		$clear(scrollDelay2);
	});
	
	$(document.body).getElements('.toggler3').addEvent('click', function() {
		accordeon3.removeEvents('onComplete');
		$clear(scrollDelay3);
	});
});