document.observe("dom:loaded", function(event) {
	if( $('zoeken-uitklappen') ) {
		$('zoeken-uitklappen').observe("click", function(event) {
			event.stop();			
			$('zoeken-extra-items').toggleClassName('hidden');
			$('toon-zoeken-extra-items').value = '1';
			setZoekImage();		
		});

		$('zoeken-inklappen').observe("click", function(event) {
			event.stop();
			$('toon-zoeken-extra-items').value = '0';
			$('zoeken-extra-items').toggleClassName('hidden');			
			setZoekImage();			
		});		
		
		function setZoekImage() {
			if( $('zoeken-uitklappen').hasClassName('hidden') ) {
				$('zoeken-uitklappen').removeClassName('hidden');
				$('zoeken-inklappen').addClassName('hidden');
			} else {
				$('zoeken-uitklappen').addClassName('hidden');
				$('zoeken-inklappen').removeClassName('hidden');				
			}			
		}
	}

	var today	= new DatePickerFormatter(["yyyy","mm","dd"], "-");
	
	var dpck	= new DatePicker({
		relative	: 'azoeker-datumvan',
		language	: 'nl',
		enableCloseEffect : false,
		enableShowEffect : false,
		afterClose: setPeriod,
		dateFilter:DatePickerUtils.noDatesBefore(today.currentDate(),"")
			.append(DatePickerUtils.onlyStartDays())
					});
		
	dpck.setDateFormat([ "dd", "mm", "yyyy" ], "-");

	var periods = [];
	periods[1] = ['1','5','6'];
	periods[3] = ['7'];
	periods[5] = ['2','3','4'];
	
	function setPeriod() {
		var form_date = $F('azoeker-datumvan');
		if(form_date > '') {
			var date_obj = DatePickerUtils.resultDateToObject(form_date);
			var periodArray = periods[date_obj.getDay()];
		
			var disabled_select = false;
			$('azoeker-periode').childElements().each( function(el){
				if(!periodArray || periodArray.indexOf(el.value) == -1) {
					el.disabled = true;
					if( el.selected ) {
						disabled_select = true;
						el.selected = false;
					}
				} else {
					el.disabled = false;
				}
			});

			if(disabled_select) {
				$('azoeker-periode').childElements().each( function(el) {
					if(el.disabled == false && disabled_select) {
						el.selected = true;
						disabled_select = false;
					}				
				});
			}
		}
	}
	
	setPeriod();
});