$(document).ready(function(){
    //Efeito de sanfona do menu lateral esquerdo
	$(".principal").click(function(){
	    if($("ul#menu li ul").css("display") == 'none')
	    {
		$(this).next().slideToggle();
	    }
	    else
		$(this).next().slideToggle();
	});

	$(".item").click(function(){
	    $(this).parent().css("display","block");
	});

	//Mascaras campos
	$(".dtdigitada").mask("99/99/9999");
        $("#cnpj").mask("999.999.999/9999-99");
	$("#cpf").mask("999.999.999-99");
	$(".hrdigitada").mask("99:99");
	$(".fone").mask("(99)9999-9999");


	$("#formreqaberturaempresa").submit(function(){
		var valida = reqAberturaEmpresa.valida();

		if(valida == false)
			return false;
	});
	
	$('.imgalb').click(function(){
			var lbl = document.createElement('label');
			var ipt = document.createElement('input');
			var span = document.createElement('span');
			var lbl1 = document.createElement('label');
			var ipt1 = document.createElement('input');
			var br = document.createElement('br');
			var br1 = document.createElement('br');
			
			$(lbl).html('Imagem: ').appendTo('#up');
			$(ipt).attr({	
				type: 'file',
				name: 'fotos[]'}).appendTo('#up');
			$(span).html(' Legenda: ').appendTo('#up');
			$(ipt1).attr({	
				type: 'text',
				name: 'legendafotos[]',
				size: '60'}).appendTo('#up');
			$(br1).appendTo('#up');

	 });
	
	$("#addgaleria").click(function(){
		if($("#addgaleria").html() == "Fechar")
		{
			$("#gergaleria").hide("slow");
			$("#addgaleria").html("Adicionar Imagens");
		}			
		else
		{		
			$("#gergaleria").show("slow");
			$("#addgaleria").html("Fechar")
		}
	})	

	$('#galeria a').lightBox({
		imageLoading: 'js/jquery/jquerylightbox/images/lightbox-ico-loading.gif',
		imageBtnClose: 'js/jquery/jquerylightbox/images/lightbox-btn-close.gif',
		imageBtnPrev: 'js/jquery/jquerylightbox/images/lightbox-btn-prev.gif',
		imageBtnNext: 'js/jquery/jquerylightbox/images/lightbox-btn-next.gif',
		txtImage: 'Imagem',
		txtOf: 'de'
	});

	$("#hoje").click(function(){
		$("#tituloocorr").html("Ocorrências de Hoje");
		buscaOcorrencias('h');
	});
	$("#mes").click(function(){
		$("#tituloocorr").html("Ocorrências do Mês");
		buscaOcorrencias('m');
	});
	$("#ano").click(function(){
		$("#tituloocorr").html("Ocorrências do Ano");
		buscaOcorrencias('a');
	});
	$("#per").click(function(){
		$("#periodoesp").fadeIn("slow", function(){
			$("#dataini").focus(function(){
				$(this).val("");					
			});												 									 
			$("#datafim").focus(function(){
				$(this).val("");					
			});												 									 
		 });
		
		$("#enviaper").click(function(){
			var ini = $("#dataini").val();
			var fim = $("#datafim").val();
			
			$("#tituloocorr").html("Ocorrências entre "+ini+" e "+fim);
			
			var periodo = ini + ' and ' + fim;							  
			buscaOcorrencias(periodo);
		});
	});	
	
	
	$("#contribui").submit(function(){
		var mensagem = "";
		
		if($("#referencia").val() == "")
		{
			mensagem += "'No. da Unidade Consumidora'!\n";
		}		
		if($("#medidor").val() == "")
		{
			mensagem += "'No. Medidor'!\n";
		}	
		if(isNaN($("#tipo").val()))
		{
			mensagem += "'Tipo de Pessoa'!\n";
		}	
		if($("#nome").val() == "")
		{
			mensagem += "'Nome'!\n";
		}	
		if($("#rua").val() == "")
		{
			mensagem += "'Rua'!\n";
		}	
		if($("#uf").val().length > 2)
		{
			mensagem += "'Estado'!\n";
		}	
		if(isNaN($("#cidade").val()))
		{
			mensagem += "'Cidade'!\n";
		}	
		if(isNaN($("#bairro").val()))
		{
			mensagem += "'Bairro'!\n";
		}	
		
		if(mensagem)
		{
			var titmensagem = "Os seguintes campos devem ser preenchidos:\n\n";
			var msgfinal = titmensagem + mensagem;

			alert(msgfinal);
			
			return false;
		}

		return true;
	});
						   
	var pessoaFisica = '<option selected="selected">&raquo; Escolha &laquo;</option><option value="1,00">R$ 1,00 (Um Real)</option><option value="2,00">R$ 2,00 (Dois Reais)</option><option value="3,00">R$ 3,00 (Três Reais)</option><option value="4,00">R$ 4,00 (Quatro Reais)</option><option value="5,00">R$ 5,00 (Cinco Reais)</option><option value="7,00">R$ 7,00 (Sete Reais)</option><option value="0">Quero digitar outro valor</option>';

	var pessoaJuridica = '<option selected="selected">&raquo; Escolha &laquo;</option><option value="5,00">R$ 5,00 (Cinco Reais)</option><option value="10,00">R$ 10,00 (Dez Reais)</option><option value="20,00">R$ 20,00 (Vinte Reais)</option><option value="25,00">R$ 25,00 (Vinte e cinco Reais)</option><option value="50,00">R$ 50,00 (Cinquenta Reais)</option><option value="200,00">R$ 200,00 (Duzentos Reais)</option><option value="500,00">R$ 500,00 (Quinhentos Reais)</option><option value="0">Quero digitar outro valor</option>';

	$("#tipo").change(function(){
		$("#svl").empty();
								   
		if($(this).val() == 1)							   
		{
			$("#valores").fadeIn("slow");
			$("#svl").append(pessoaFisica);
		}	
								   
		if($(this).val() == 2)							   
		{
			$("#valores").fadeIn("slow");
			$("#svl").append(pessoaJuridica);
		}
	});
	
			
	$("#svl").change(function(){
		if($(this).val() == 0)							   
		{
			$("#svl").remove();
			
			var ipt = '<input name="valor" id="svl" type="text" size="10" />';
			var lnk = '<a href="lkçlkçk" id="escolher">Escolher um valor</a>'
			
			$("#vl").append(ipt);
			$("#vl").append(lnk);
			
			$("#svl").focus();

			$("#escolher").click(function(){
				$("#svl").remove();
				$("#escolher").remove();
		
				var svl = '<select name="valor" id="svl"></select>';
		
				$("#vl").append(svl);
								   
				if($("#tipo").val() == 1)							   
				{
					$("#svl").append(pessoaFisica);
				}	
								   
				if($("#tipo").val() == 2)							   
				{
					$("#svl").append(pessoaJuridica);
				}
		
				return false;
			});
		}
	 });	
	
	//atualiza lista de cidades
	$("#uf").change(function(){
		var teste = $("#uf").val();
		var optcarr = '<option id="carr">Carregando...</option>';
		var opt = '<option selected="selected">&raquo; Escolha &laquo;</option>';
			
		$("#cidade").append(opt);
		
		var arq = 'buscacidades.php';
		var valor = 'uf=' + teste;
		
		$.ajax({
			url : arq,
			type : "POST",
			data : valor,
			dataType: "json",
			beforeSend: function(){
				$("#cidade").empty();
				$("#bairro").empty();
				$("#cidade").append(optcarr);
			},
			success: function(json){
				$("#carr").remove();
				$("#cidade").append(opt);
				preencheSelect(json,'#cidade');
			}
		});
	});
	
	//atualiza lista de bairros
	$("#cidade").change(function(){						 
		var teste = $("#cidade").val();
		var opt = '<option selected="selected">&raquo; Escolha &laquo;</option>';
		var optcarr = '<option id="carr">Carregando...</option>';
		var arq = 'buscabairros.php';
		var valor = 'idcidade=' + teste;
		
		$.ajax({
			url : arq,
			type : "POST",
			data : valor,
			dataType: "json",
			beforeSend: function(){
				$("#bairro").empty();
				$("#bairro").append(optcarr);
			},
			success: function(json){
				$("#carr").remove();
				$("#bairro").append(opt);
				preencheSelect(json,'#bairro');
			}
		});
	});
	
});

function preencheSelect(json,seletor){
	var tam = json.id.length;
	var opt = '';
	
	for(i = 0; i < tam; i++)
	{
		opt = '<option value="'+json.id[i]+'">'+json.nome[i]+'</option>';
		$(seletor).append(opt);
	}
}


function buscaOcorrencias(periodo){
	var valor = 'periodo='+periodo;
	var quant= '';
	var nome = '';
	var total = 0;
	
	$.ajax({
		url : "buscaocorrencias.php",
		type : "POST",
		data : valor,
		dataType: "json",
		beforeSend: function(){
			$("#carregando").show();
		},
		success: function(json){
			$("#ocorrencias").empty();
			var tam = json.qt.length;
			var li = '';
	
			for(i = 0; i < tam; i++)
			{
				quant = json.qt[i];
				nome = json.nome[i];
				
				if(quant == 0)
				{
					quant = '';
					final = '';
				}
				
				if(quant > 1)
				{
					final = 'ocorrências';
				}
				else if(quant != 0)
				{
					final = 'ocorrência';
				}
				
				if(quant != 0)
				{
					total = (parseInt(total) + parseInt(quant));
				}
				
				li = '<li>'+nome+': '+quant+' '+final;
				$("#ocorrencias").append(li);
			}

			if(total > 0)
			{
				li = '<li><strong>Total de ocorrências no período: '+ total + '</strong></li>';
				$("#ocorrencias").append(li);
			}

			$("#carregando").hide();
			$("#dataini").val("dd/mm/aaaa");				
			$("#datafim").val("dd/mm/aaaa");					
			$("#periodoesp").fadeOut("slow");		
		}
	});
}




var reqAberturaEmpresa = {
	valida: function(){
		if($("#nome").val() == '')
		{
			alert('Preencha o Nome!')
			$("#nome").focus();
			return false;
		}
		if($("#rua").val() == '')
		{
			alert('Preencha a Rua!')
			$("#rua").focus();
			return false;
		}
		if($("#numero").val() == '')
		{
			alert('Preencha o Número!')
			$("#numero").focus();
			return false;
		}
		if($("#fone").val() == '')
		{
			alert('Preencha o Telefone!')
			$("#fone").focus();		
			return false;
		}
		if($("#cnpj").val() == '')
		{
			alert('Preencha o CNPJ!')
			$("#cnpj").focus();		
			return false;
		}
		if($("#razaosocial").val() == '')
		{
			alert('Preencha a Razão Social!')
			$("#razaosocial").focus();		
			return false;
		}			
		if($("#ramo").val() == '')
		{
			alert('Preencha o Ramo!')
			$("#ramo").focus();		
			return false;
		}
		if($("#ruaempresa").val() == '')
		{
			alert('Preencha a rua da empresa!')
			$("#ruaempresa").focus();		
			return false;
		}
		if($("#numeroempresa").val() == '')
		{
			alert('Preencha o número da empresa!')
			$("#numeroempresa").focus();		
			return false;
		}
		if($("#bairroempresa").val() == '')
		{
			alert('Preencha o bairro da empresa!')
			$("#bairroempresa").focus();		
			return false;
		}
		if($("#area").val() == '')
		{
			alert('Preencha a área!')
			$("#area").focus();		
			return false;
		}		
		if(isNaN($("#tpconstrucao").val()))
		{
			alert('Selecione o tipo de construção!')
			$("#tpconstrucao").focus();
			return false;
		}			
		if($("#ptreferencia").val() == '')
		{
			alert('Preencha o ponto de referência!')
			$("#ptreferencia").focus();		
			return false;
		}	
		if(isNaN($("#vemrequerer").val()))
		{
			alert('Selecione o tipo de requerimento!')
			$("#vemrequerer").focus();
			return false;
		}					
	}
}