Event.observe(window,'load',initCal);

function initCal() {
	$$('#add-event-button').each( function(s) {
		s.observe('click', handleAddEventButton );
	});
	
	$$('#edit-event-button').each( function(s) {
		s.observe('click', handleEditEventButton );
	}); 
		
	$$('#entireday').each( function(s) {
		s.observe('click', handleEntireDayCheckbox );
	});
	
	$$('.forum-calendar input[name=cancel]').each( function(s) {
		s.observe('click', function(){
			history.go(-1);
		});	
	});

	// Onderstaande is vrij nutteloos, omdat quick add niet doet wat ik wil
	$$('#calendar-quickadd input').each( function(s) {
		s.observe('keyup', handleQuickAddChange );
	});
	$$('#calendar-add input').each( function(s) {
		s.observe('keyup', handleAddChange );
	});
	
	createDatePickers();
	defaultHidden();
}
		
function handleAddEventButton() {
	$('add-event-button').up('p').hide();
	$('add-event-container').show();
	
	$$('#calendar-input-submit input[name=cancel]').each( function(s) {
		s.observe('click', function(){
			$('add-event-button').up('p').show();
			$('add-event-container').hide();
		});	
	});
}

function handleEditEventButton() {
	$('preview-event-container').hide();
	$('add-event-container').show();
	
	$$('#calendar-input-submit input[name=cancel]').each( function(s) {
		s.observe('click', function(){
			$('preview-event-container').show();
			$('add-event-container').hide();
		});	
	});
}

function handleQuickAddChange() {
	if( this.value != this.defaultValue) { 
		$('calendar-add').hide(); 
	} else {
		$('calendar-add').show();
	}
}
function handleAddChange() {
	/* Weghalen van Quickadd is nog wat vreemd
	if( this.value != this.defaultValue) { 
		$('calendar-quickadd').hide(); 
	} else {
		$('calendar-quickadd').show();
	}
	*/
}

function handleEntireDayCheckbox() {
	$$('#calendar-add span.time').each( function(s) {
		if( $('entireday').checked ) { s.hide(); }
		else { s.show(); }
	} );
}

function createDatePickers() {
	if( $('startdate') != null ) {
		var startdate = new DatePicker({
			relative: 'startdate',
			language: 'nl',
			showDuration: 0,
			disablePastDate: false,
			disableFutureDate: false
		});
		startdate.setDateFormat([ "dd", "mm", "yyyy" ], "-");
	}
	
	if( $('enddate') != null ) {
		var enddate = new DatePicker({
			relative: 'enddate',
			language: 'nl',
			showDuration: 0,
			disablePastDate: false,
			disableFutureDate: false
		});
		enddate.setDateFormat([ "dd", "mm", "yyyy" ], "-");
	}
}

function defaultHidden()
{
	if( $('entireday') != null && !$('entireday').checked ) {
		$$('#calendar-add span.time').each( function(s) {
			s.show();
		} );
	}
}
