// JavaScript Document


var listarMeses = function(idPorto, ano){
	//alert(idPorto);
	var divMes = document.getElementById("divMes");
	var ajax = new AJAX();
	ajax.modo = 'T'; // Text
	ajax.url = "../src/php/http/page/tabua-das-mares/ajax-listar-meses.php?idPorto=" + idPorto + "&ano=" + ano;
	//alert(ajax.url);

	ajax.processaresultado = function(text) {
		divMes.innerHTML = text;
	}
	
	ajax.conectar();
}


var listarAnos = function(idPorto){
	//alert(estado);
	var divAno = document.getElementById("divAno");
	var ajax = new AJAX();
	ajax.modo = 'T'; // Text
	ajax.url = "../src/php/http/page/tabua-das-mares/ajax-listar-anos.php?idPorto=" + idPorto;

	ajax.processaresultado = function(text) {
		divAno.innerHTML = text;
	}
	
	ajax.conectar();
}

var listarPortos = function(estado){
	//alert(estado);
	var divPorto = document.getElementById("divPorto");
	var ajax = new AJAX();
	ajax.modo = 'T'; // Text
	ajax.url = "../src/php/http/page/tabua-das-mares/ajax-listar-portos.php?estado=" + estado;

	ajax.processaresultado = function(text) {
		divPorto.innerHTML = text;
	}
	
	ajax.conectar();
}


var changeSelPorto = function(){
	var selPorto = document.getElementById("form1Porto");
	var divMes = document.getElementById('divMes');
	var divAno = document.getElementById('divAno');
	if(selPorto.value!=-1){
		data = new Date();
        ano = data.getFullYear();
		
		listarAnos(selPorto.value);
		listarMeses(selPorto.value, ano); 
		
		divAno.style.display = 'block'; 
		divMes.style.display = 'block'; 
	} else { divAno.style.display = 'none'; divMes.style.display = 'none'; }

}

var changeSelMes = function(){
	var selMes = document.getElementById('form1Mes');

}


var changeSelAno = function(){
	var selMes = document.getElementById('form1Mes');
	var selAno = document.getElementById('form1Ano');
	if(selAno.value!=-1){ selMes.style.display = 'block'; } 
	else { selMes.style.display = 'none'; }
}


window.onload = function(){
	
	var selEstado = document.getElementById('form1Estado');
	var divMes = document.getElementById('divMes')
	var divPorto = document.getElementById('divPorto')
	var divAno = document.getElementById('divAno')
	var btnBuscar = document.getElementById('form1Buscar');
	
	selEstado.onchange = function(){
		divAno.style.display = 'none'; 
		divMes.style.display = 'none';
		if(selEstado.value!=-1){ 
			listarPortos(selEstado.value);
		} else {
			divMes.style.display = 'none'; 
		}
	}

}