window.addEvent('domready', function() {
	
	var formControl = new FormControl();
	formControl.init();
});

var FormControl = new Class({
	
	init: function() {
		
		sucheUnterkunft = $('suche_unterkunft');
		sucheVeranstaltungen = $('suche_veranstaltungen');
		
		if(sucheUnterkunft) {
		
			if(sucheUnterkunft.hasClass('inactive')) {
			
				sucheUnterkunft.getElement('h4').addEvent('click', function() {
				
					this.activateForm('suche_unterkunft');
					this.deActivateForm('suche_veranstaltungen');
				}.bindWithEvent(this));
			}
		}
		
		if(sucheVeranstaltungen) {
		
			if(sucheVeranstaltungen.hasClass('inactive')) {
			
				sucheVeranstaltungen.getElement('h4').addEvent('click', function() {
				
					this.activateForm('suche_veranstaltungen');
					this.deActivateForm('suche_unterkunft');
				}.bindWithEvent(this));
			}
		}
		
	},
	
	activateForm: function(elId) {
		
		element = $(elId);
		element.toggleClass('active');
		element.toggleClass('inactive');
		element.getElement('h4').removeEvents();
	},
	
	deActivateForm: function(elId) {
		
		element = $(elId);
		element.toggleClass('active');
		element.toggleClass('inactive');
		this.init();
	}
});