window.addEvent('domready', function () {

	var show = "";
	var accordion = new Accordion('h4', 'div.element', {
		opacity: false,
		onStart: function (toggler, element){
			if(show == '') {
				$$('div.element div').each(function(el) { el.setStyle('display','block'); });
				$$('div.leesmeer').each(function(el) { el.setStyle('display','none'); });
				$$('div.extra').getElement('.alternatief').setStyle('display','none');				
				$$('div.duidelijkheid').getElement('.alternatief').setStyle('display','none');				
				$$('div.veiligheid').getElement('.alternatief').setStyle('display','none');				
				$$('div.zekerheid').getElement('.alternatief').setStyle('display','none');
				$$('.detachering').setStyle('height','');
			}
		},
		onComplete: function (toggler, element){	
			var el = $(this.elements[this.previous]);
			if (el.offsetHeight > 0) el.setStyle('height', '');
			show = '';
		}
	},$('accordion'));

	$$('.element').setStyle('height','');
	
	$$('p.leesmeer').each(function(el) {
		el.addEvent('click', function(e) {
			if(this.getNext().getStyle('display') == 'none') {
				this.getNext().setStyle('display','block');
			} else {
				this.getNext().setStyle('display','none');
			}
			el.getParent().getParent().setStyle('height', '');
			new Event(e).stop();
		});
	});
	
	$$('a.adviesverkoop').addEvent('click', function(e) { 
		$$('div.veiligheid').getChildren().each(function(el) { el.setStyle('display','block'); });
		$$('div.veiligheid').getElement('.alternatief').setStyle('display','none');	
		$$('div.veiligheid').setStyle('height','');
		new Event(e).stop();
	});
	
	$$('a.wiewat').addEvent('click', function(e) 		{
		$$('div.zekerheid').getChildren().each(function(el) { el.setStyle('display','block'); });
		$$('div.zekerheid').getElement('.alternatief').setStyle('display','none');	
		$$('div.zekerheid').setStyle('height','');
		new Event(e).stop();	
	});
	
	$$('a.trainingen').addEvent('click', function(e) 	{
		$$('div.duidelijkheid').getChildren().each(function(el) { el.setStyle('display','block'); });
		$$('div.duidelijkheid').getElement('.alternatief').setStyle('display','none');	
		$$('div.duidelijkheid').setStyle('height','');
		new Event(e).stop();
	});
	
	$$('.home').addEvent('click', function(e) 							{ accordion.display(0); new Event(e).stop(); });
	$$('p.breadcrumbs').getElement('a').addEvent('click', function (e) 	{ accordion.display(0); new Event(e).stop(); });
	$$('.menu').addEvent('click', function(e) 							{ accordion.display(); new Event(e).stop(); });
	$('duidelijkheid').addEvent('click', function(e) 	{ show = "duidelijkheid"; 	toggleActive(); accordion.display(4); new Event(e).stop(); });
	$('veiligheid').addEvent('click', function(e) 		{ show = "veiligheid"; 		toggleActive(); accordion.display(2); new Event(e).stop(); });
	$('zekerheid').addEvent('click', function(e) 		{ show = "zekerheid"; 		toggleActive(); accordion.display(1); new Event(e).stop(); });
	$$('a.extra').addEvent('click', function(e) 		{ show = "extra"; 			toggleActive(); accordion.display(6); new Event(e).stop(); });
	
	function toggleActive() {
		switch(show) {
			case "zekerheid":
				$$('div.zekerheid').getChildren().each(function(el) { el.setStyle('display','none'); });
				$$('div.zekerheid').getElement('.alternatief').setStyle('display','block');
			break
			case "duidelijkheid":
				$$('div.duidelijkheid').getChildren().each(function(el) { el.setStyle('display','none'); });
				$$('div.duidelijkheid').getElement('.alternatief').setStyle('display','block');
			break
			case "veiligheid":
				$$('div.veiligheid').getChildren().each(function(el) { el.setStyle('display','none'); });
				$$('div.veiligheid').getElement('.alternatief').setStyle('display','block');
			break
			case "extra":
				$$('div.extra').getChildren().each(function(el) { el.setStyle('display','none'); });
				$$('div.extra').getElement('.alternatief').setStyle('display','block');				
			break	
		}
	};
	
	if($$('p.error').getText() != '') { show = "extra"; 			toggleActive(); accordion.display(6); };
});