$(document).ready(function(){
	formSearchCruzeiros = $('form[name=frmSearchCruzeiros]');
	
	$("select[name='regiaoId']", formSearchCruzeiros).change(function(){
		// Submete regiaoId e carrega cidades e datas disponiveis
		
		$("select[name='data']", formSearchCruzeiros).empty();
		$("select[name='cidadeId[]']", formSearchCruzeiros).empty();
		
		regiaoId = $(this).val();
		
		$.get(
			"pub/json/getParametrosCruzeiro.php", 
			{
				"regiaoId"	: regiaoId,
				"funcao"	: 'setRegiao'
			},
			function(data){
				preencheCidades(data.cidades, 'cidadeId1');
				preencheDatasSaida(data.dataSaida);
			},'json'
		)
	});
	
	$("select[name='cidadeId[]']", formSearchCruzeiros).change(function(){
		// Submete regiaoId e cidadeId e carrega datas disponiveis
		
		$("select[name='data']", formSearchCruzeiros).empty();
		
		regiao = $("select[name='regiaoId']", formSearchCruzeiros).val();
		cidades = $(this).val();
		
		$.get(
			"pub/json/getParametrosCruzeiro.php", 
			{
				"regiaoId"		: regiao,
				"cidadeId[]"	: cidades,
				"funcao"		: 'setCidades'
			},
			function(data){
				preencheDatasSaida(data.dataSaida);
			},'json'
		);
	});
})


//PREENCHIMENTO
function preencheCidades(cidades)
{
	fieldCidade = $("select[name='cidadeId[]']", formSearchCruzeiros);
	fieldCidade.append($('<option>').text('').val(''));
	
	$.each(cidades, function(i, item) {
		$('<option>')
			.attr('value', item.id)
			.text(item.nome)
			.appendTo(fieldCidade);
	});
}

function preencheDatasSaida(datasSaida)
{
	fieldData = $("select[name='data']", formSearchCruzeiros);
	
	fieldData.append($('<option>').text('').val(''));
	
	$.each(datasSaida, function(i, item) {
		$('<option>')
			.attr('value', item.id)
			.text(item.data)
			.appendTo(fieldData);
	});
}