window.addEvent('domready', function(){


	if($('form')) {

		$('sel_sector').addEvent('change',function(e){

			if(this.value == 'anders') {
				$('other_sector').removeClass('hidden');
				$('other_sector').getNext().removeClass('hidden');
				$('sel_subsector').addClass('hidden');
				$('sel_subsector').getNext().addClass('hidden');
			} else {
				$('other_sector').addClass('hidden');
				$('other_sector').getNext().addClass('hidden');
				$('sel_subsector').removeClass('hidden');
				$('sel_subsector').getNext().removeClass('hidden');
				var subsectors = sectors[this.value];
				changeOptions($('sel_subsector'),subsectors);
			}
			
		});
		var slideWerknemer = new Fx.Slide($('werknemer'));
		
		var slideWerkgever = new Fx.Slide($('werkgever'));
		var selection = $('sel_ik_ben').value;
		if(selection != 'werknemer' && selection != 'zzp' && selection != 'werkzoekend') {
			slideWerknemer.hide();
		}
		if(selection != 'werkgever' && selection != 'uwv' && selection != 'loopbaan') {
			slideWerkgever.hide();
			$('bedrijf').getNext().addClass('hidden');
			$('adres').getNext().addClass('hidden');
			$('postcode').getNext().addClass('hidden');
			$('plaats').getNext().addClass('hidden');
		}
		

		$('sel_ik_ben').addEvent('change',function(e) {
			//var slideWerkgever = new Fx.Slide($('werkgever'));
			if(this.value == 'werknemer' || this.value == 'zzp' || this.value == 'werkzoekend') {
				slideWerkgever.slideOut().chain(function(){slideWerknemer.slideIn()});
				$('bedrijf').getNext().addClass('hidden');
				$('adres').getNext().addClass('hidden');
				$('postcode').getNext().addClass('hidden');
				$('plaats').getNext().addClass('hidden');
			} else if (this.value == 'werkgever' || this.value == 'uwv' || this.value == 'loopbaan') {
				slideWerknemer.slideOut().chain(function(){slideWerkgever.slideIn()});
				$('bedrijf').getNext().removeClass('hidden');
				$('adres').getNext().removeClass('hidden');
				$('postcode').getNext().removeClass('hidden');
				$('plaats').getNext().removeClass('hidden');
			} else {
				slideWerkgever.slideOut();
				slideWerknemer.slideOut();

			}
		});
	}
	
	
});

function changeOptions(select, options) {
	var option = select.getFirst('option');
	option.erase('selected')
	select.empty();
	options.each(function(val){
		var new_option = option.clone(false,false);
		new_option.set('value', val);
		new_option.set('html',val);
		new_option.inject(select);
	});
	option.set('value','');
	if(options.length <= 0) {
		option.set('html','Selecteer eerst een vakgebied');
	} else {
		option.set('html','Maak een keuze...');
		option.set('selected','selected')
	}	
	option.inject(select,'top');
	
}

/*var formSlide = new Class({
	werknemer : $('werknemer'),
	werkgever : $('werkgever'),
	slideNemer : Fx.Slide()
	initialize : function(item, options) {
		item.addEvent('change',this.showForm);
		
	}
});

function showForm(e) {
	//var slideWerkgever = new Fx.Slide($('werkgever'));
	if(this.value == 'werknemer') {
		this.slideWerknemer.slideIn();
	} else {
		this.slideWerknemer.slideOut();
	}
}*/