var selectedDivId = -1;
$(document).ready(function() {
	$("#schoolcity").autocomplete(cities);
	$("#schoolcity").result(function(event, data, formatted) {
		if (data)
			$("#school").focus();
			getSchoolsByCity($(this).val());
	});

	if ($('#wmdropdown_relation').length > 0) {
		$('#wmdropdown_relation').bind('change', function() {
			if ($('#schoolcity').length > 0 && $('#school').length > 0) {
				if ($('#schoolcity').val() != '' && ($('#school').val() == '' || $('#school').val() == 'Typ een deel van de naam in')) {
					getSchoolsByCity($('#schoolcity').val());
				}
			}
});

		// Trigger change for initial settings.
		$('#wmdropdown_relation').trigger('change');

	}
});
function getSchoolsByCity(city) {
	$('#school').val('');
	var date = new Date();
	var random = date.getTime();		
	url = $('#ajaxcall').attr("href");

	url += '&city=' + city + '&hash=' + random;

	if ($('#wmdropdown_relation').length > 0) {
		url += '&relation=' + $('#wmdropdown_relation').val();
	}
	$.ajax({
		url: url,
		type: "GET",
		dataType: "html",
		success: fillSchools
	});
}	

function getSchoolsByName(name, formid) {
	if ($('#schoolcity').val() != '') {
		if (name == 'Typ een deel van de naam in') {
			getSchoolsByCity($('#schoolcity').val());
		} else {
			url = $('#ajaxcall').attr("href");
			url += '&name=' + name;

			var date = new Date();
			var random = date.getTime();	
			url += '&city=' + $('#schoolcity').val() + '&hash=' + random;

			if ($('#wmdropdown_relation').length > 0) {
				url += '&relation=' + $('#wmdropdown_relation').val();
			}

			$.ajax({
				url: url,
				type: "GET",
				dataType: "html",
				success: fillSchools
			});		
		}
	} else {
		addErrorMessage(formid, 'city', 'Kies eerst een plaatsnaam');
	}
}					
function fillSchools(data) {
	$('#schoolresults').empty();
	$('#schoolresults').append(data);
	$('#schoolresults').show();
	showDiv(1);
}
function showDiv(id) {
	if (selectedDivId != -1) {
		$('#schools' + selectedDivId).hide();
		$('#litem' + selectedDivId).removeClass('active');
	}
	selectedDivId = id;
	$('#schools' + id).show();
	$('#litem' + id).addClass('active');
}
function setSchool(id, name, prefillform) {
	$('#school').val(name);
	$('#schoolid').val(id);
	$('#schoolresults').hide();
	if (prefillform) {
		prefillSchoolInfo(id);
	}
}
function prefillSchoolInfo(id) {
		var date = new Date();
		var random = date.getTime();
		url = $('#ajaxcallprefill').attr("href");
		url += '&schoolid=' + id + '&hash=' + random;
		$.ajax({
			url: url,
			type: "GET",
			dataType: "script"
		});	
}