var RegistrationForm = {
	init: function() {
		this.optionTogglers = $$('#registrationOptions li');

		this.optionTogglers.each(function(toggler) {
			var input = toggler.down('input[type="checkbox"]');
			
			input.observe('change', function(event) {
				var input = event.findElement('input[type="checkbox"]');

				this.updateToggler(input);
				this.updateForm(input);
			}.bind(this));
			
			this.updateToggler(input);
			this.updateForm(input);
		}.bind(this));
	},
	
	updateToggler: function(input) {
		if(input.checked) {
			input.up('li').addClassName('checked');
		} else {
			input.up('li').removeClassName('checked');
		}
	},
	
	updateForm: function(input) {
		var formId;
		
		switch(input.id) {
			case 'comments': formId = 'commentsForm'; break;
			default: return;
		}
		
		input.checked ? $(formId).show() : $(formId).hide()
	}
};

document.observe('dom:loaded', function() {
	RegistrationForm.init();
});