$(function(){			
	//SELEZIONO LA NAZIONE
	$("select#nazioni").click(function(){
		$("#regioni").empty();

		if($(this).val() != ''){			
			$("#porti").empty();
	
			//prima chiamata per regioni
			$.getJSON("js/select.php",{idN: $(this).val()}, function(j){
				var options = '';
				for (var i = 0; i < j.length; i++) {
					options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
				}
				$("#regioni").append(options);
				//$('#regioni option:first').attr('selected', 'selected');
			});		
			$("#regioni").append("<option value='null'>--- tutti/e ---</option>");
	
	
			//seconda chiamata per porti
			$.getJSON("js/select.php",{idP: $(this).val()}, function(j){
				var options = '';
				for (var i = 0; i < j.length; i++) {
					options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
				}
				$("#porti").append(options);
				//$('#porti option:first').attr('selected', 'selected');	
	
			})
			$("#porti").append("<option value='null'>--- tutti/e ---</option>");
		}

	});

	//SELEZIONO LA REGIONE
	$("select#regioni").change(function(){

		$("#porti").empty();

		//seconda chiamata per porti
		$.getJSON("js/select.php",{idP2: $(this).val()}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
			$("#porti").append(options);
			//$('#porti option:first').attr('selected', 'selected');	

		})
		$("#porti").append("<option value='null'>--- tutti/e ---</option>");
	});






//autopopolamento informazioni barche

	$("select#dataA").attr('disabled', true);
		$("select#dataDa").change(function(){
		$("select#dataA option").removeAttr('selected', 'selected');	
		var selIndex = this.selectedIndex;
		$("select#dataA option:eq("+selIndex+")").attr('selected', 'selected');	
	});  
				
});