//função executada quando a página é lida pelo navegador
$(document).ready(function(){
	//alert("ok");
	
	//ações para o focus e blur dos campos do formulário
	//adiciona o eveto focus aos inputs, textareas e selects do form
	$("#frm_contato :input")
		.focus(function(){
			//adiciona a classe CSS ao campo selecionado
			$(this).addClass("selecionado");
		})
		.blur(function(){
			//remove a classe CSS ao campo selecionado
			$(this).removeClass("selecionado");
		});
	
	//máscaras dos campos do formulário
	$(".telefone").mask("(99) 9999-9999",{completed:function(){
		alert("You typed the following: "+this.val());
		
	}});
	$("#celular").mask("(99) 9999-9999",{completed:function(){
		alert("You typed the following: "+this.val());
		
	}});
	$("#cpf").mask("999.999.999-99");
	$("#nascimento").mask("99/99/9999",{ placeholder:"  " });
	
	//usando o plugin de validação adiciona o método validate ao form
	$("#frm_contato").validate({
		//mensagens personalizadas
		messages: {
			nome: {
				required: "<br>Preencha seu nome corretamente"
			},			
			email: {
				required: "<br>Preencha seu email corretamente <br>",
				email: "<br>O e-mail fornecido não é válido<br>"
			},
			cpf: {
				verificaCPF: "Digite seu CPF corretamente!"
			}
		},
		//regras adicionais
		rules: {
			nascimento: {
				//método adicional incluído no arquivo 'messages_ptbr.js'
				dateBR: true
			},			
			cpf: {
				//método adicional incluído no arquivo 'messages_ptbr.js'
				verificaCPF: true
			},
			mensagem: {
				//minlength: 10, // comprimento mínimo
				//maxlength: 50 //comprimento máximo
				rangelength: [10, 50] //valores mínimo e máximo passados de uma vez
			}
		},
		//função executa quando o formulário estiver preenchido corretamente
		
	});

	
});