/* ****
 * Script voor het goed laten verlopen van de zoekopdracht bij "Training Search".
 */

$(document).ready(function() {
	
	var selectProvincie = $('select#provincie').css('width');
	var selectPlaats = $('select#plaats').css('width');
	var selectopleiding = $('select#opleiding').css('width');
	
	// Nog niet belangerijke velden uitzetten.
	$('select#provincie').attr('disabled', 'disabled');
	$('select#plaats').attr('disabled', 'disabled');
	$('select#opleiding').attr('disabled', 'disabled');
	
	
	// Als er een opleidings niveau gekozen is.
	$('select#opleidingsniveau').change(function() {
		if ($(this).val() != '') {
			$.getJSON('index.php?id=286&type=1512&command=getProvince', {level: $(this).val()}, function(json) {
				$('select#provincie option').remove();
				
				$('select#provincie').append('<option value="">Provincie</option>');
				
				for(i=0; i<json.length;i++) {
					$('select#provincie').append('<option value="' + json[i] + '">'+ json[i] +'</option>');
				}
				
				$('select#provincie').removeAttr("disabled");
			});
		}
		else
			$('select#provincie').attr('disabled', 'disabled');
		
		$('select#plaats').attr('disabled', 'disabled');
		$('select#opleiding').attr('disabled', 'disabled');
	});
	
	
	// Als er een opleidings niveau gekozen is.
	$('select#provincie').change(function() {
		if ($(this).val() != '') {
			$.getJSON('index.php?id=286&type=1512&command=getCity', {level: $('select#opleidingsniveau').val(), province: $(this).val()}, function(json) {
				$('select#plaats option').remove();
				
				$('select#plaats').append('<option value="">Plaats</option>');
				
				for(i=0; i<json.length;i++) {
					$('select#plaats').append('<option value="' + json[i] + '">'+ json[i] +'</option>');
				}
				
				$('select#plaats').removeAttr("disabled");
			});
		}
		else
			$('select#plaats').attr('disabled', 'disabled');
		
		$('select#opleiding').attr('disabled', 'disabled');
	});
	
	
	// Als er een plaats is geselecteerd.
	$('select#plaats').change(function() {
		if ($(this).val() != '') {
			$.getJSON('index.php?id=286&type=1512&command=getTraining', {level: $('select#opleidingsniveau').val(), province: $('select#provincie').val(), place: $(this).val()}, function(json) {
				$('select#opleiding option').remove();
				
				$('select#opleiding').append('<option value="">Opleiding</option>');
				
				for(i=0; i<json.length;i++) {
					$('select#opleiding').append('<option value="' + json[i] + '">'+ json[i] +'</option>');
				}
				
				$('select#opleiding').removeAttr("disabled");
			});
		}
		else
			$('select#opleiding').attr('disabled', 'disabled');
	});
	
	function selectFocus(selectID) {
		$('select#' + selectID).css('width', 'auto');
	}
	
	function unselectFocus(selectID) {
		$('select#' + selectID).css('width', eval('select' + selectID));
	}
	
	// Formaat van dropdownbox veranderen bij het selecteren en terugzetten als de focus eraf is.
	$('select#opleiding').focus(function() {
		selectFocus('opleiding');
	});
	$('select#opleiding').change(function() {
		unselectFocus('opleiding');
	});
	$('select#opleiding').blur(function() {
		unselectFocus('opleiding');
	});
});