//on dom ready...
window.addEvent('domready', function() {

	/* ajax alert */
	$('formReisefinder').addEvent('submit', function(event) {
		var req = new Request.JSON({
			method: 'post',
			url: 'validate_rf.php',
			onComplete: function(response) {
							if (response!=1) {
								var message = '';
								for (var r in response) {
									if (!isNaN(r)) {
										message += response[r]+'<br />';
									}
								}
								new StickyWin.Alert('Bitte vervollständigen Sie Ihre Eingaben zur Reise...',message, {
									uiOptions: {
										width: 500
									}
								});

							} else {
								$('formReisefinder').submit();
							}
						}
		}).post($('formReisefinder'));
		event.stop();
	});
	
	$('source1').addEvent('change', function(event) {
		var req = new Request({
			method: 'get',
			url: 'ajax.php',
			data: { 'Land' : $('source1').value },
			onComplete: function(response) {
							$('source2').set('html',response);
							$('source2').disabled = false;
							$('source3').disabled = true;
							$('source4').disabled = true;
						}
		}).send();
	});

	$('source2').addEvent('change', function(event) {
		var req = new Request.JSON({
			method: 'get',
			url: 'ajax.php',
			data: { 'Ort' : $('source2').value },
			onComplete: function(response) {
							$('source3').set('html',response['Unterkuenfte']);
							$('source4').set('html',response['Programme']);
							$('source3').disabled = false;
							$('source4').disabled = false;
						}
		}).send();
	});
	
	$('source3').addEvent('change', function(event) {

		var req = new Request.JSON({
			method: 'get',
			url: 'ajax.php',
			data: { 'Unterkunft' : $('source3').value,
					'Programm' : $('source4').value,
					'Ort' : $('source2').value },
			onComplete: function(response) { 
							$('source3').set('html',response['Unterkuenfte']);
							$('source4').set('html',response['Programme']);
						}
		}).send();
	});
	
	$('source4').addEvent('change', function(event) {
		var req = new Request.JSON({
			method: 'get',
			url: 'ajax.php',
			data: { 'Programm' : $('source4').value,
					'Unterkunft' :	$('source3').value,
					'Ort' : $('source2').value },
			onComplete: function(response) { 
							$('source3').set('html',response['Unterkuenfte']);
							$('source4').set('html',response['Programme']);
						}
		}).send();
	});
});