window.addEvent ('domready', function () {
		var prev_cursusinfo = null;
		
	   	if ($('cursus_inleiding') != null) {
			var inleiding_zichtbaar = Cookie.read ('inleiding_zichtbaar');
			if (inleiding_zichtbaar == null) {
				Cookie.write ('inleiding_zichtbaar', 1, {duration: 1});
				$('cursus_inleiding').setStyle ('display', 'block');
			}
			else {
				if (inleiding_zichtbaar == 0) {
					$('cursus_inleiding').setStyle ('display', 'none');
					$('inleiding_toggle').set ('text', 'toon inleiding');
				}
				else {
					$('cursus_inleiding').setStyle ('display', 'block');
					$('inleiding_toggle').set ('text', 'verberg inleiding');
				}
			}
			
			// cursusinleiding (on)zichtbaar maken
			$('inleiding_toggle').addEvent ('click', function (e) {
				e.stop ();
				toggle_beschrijving ($('cursus_inleiding'));
				if (this.get ('text') == 'verberg inleiding') {
					this.set ('text', 'toon inleiding');
					Cookie.write ('inleiding_zichtbaar', 0, {duration: 1});
				}
				else {
					this.set ('text', 'verberg inleiding');	
					Cookie.write ('inleiding_zichtbaar', 1, {duration: 1});
				}
			});
			
			$$('a.cursus-info').addEvent ('click', function (e) {
				e.stop ();
				var elm = new Element (this);
				if (elm.get ('state') == 'open') {
					elm.getNext ().set ('html', '');
					elm.set ('state', 'closed');
					prev_cursusinfo = null;
				}
				else {
					var ajaxurl = elm.get ('href');
					var req = new Request.HTML ({
						method: 'get',
						url: ajaxurl,
						update: elm.getNext (),
						onRequest: function () {
						},
						onSuccess: function () {
							if (prev_cursusinfo != null) {
								prev_cursusinfo.getNext ().set ('html', '');
								prev_cursusinfo.set ('state', 'closed');
							}
							elm.set ('state', 'open');
							prev_cursusinfo = elm;
						}
					}).send ();
				}
			});
		}
	});

	function toggle_beschrijving (beschrijving) {
		var my_reveal = new Fx.Reveal (beschrijving, {
			duration: 550,
			mode: 'vertical',
			transition: Fx.Transitions.Quad.easeInOut
		});
		my_reveal.toggle ();
	}