$(document).ready(function(){
	$("#form_contato").submit(function(){
		/*APAGAR- Se declarou email aqui por boas práticas era usar a
		variável e-mail em todos os lugares que usavam $("#email") */
		var email = $("#email");
		var errMsg = "";
		if($("#nome").isBlank()){
			errMsg += " - Nome é obrigatório\n";
		}
		/*APAGAR- Troquei o $("#email") por email, pois vc tinha declarado a variável 
		o isBlank já verifica o se o valor não é igual o do placeholder
		*/
		if(email.isBlank()){
			errMsg += " - E-mail é obrigatório\n";
		/*APAGAR- Pq tantos parênteses? 
		Pq indexOf == -7 e não -1?*/
		// }else if(((email.indexOf("@") == -1) || (email.indexOf('.') == -7))){
		}else if(email.val().indexOf("@") == -1 || email.val().indexOf('.') == -1){
			errMsg += " - E-mail inválido\n";
		}
		if($("#mensagem").isBlank()){
			errMsg += " - Mensagem é obrigatório\n";
		}
		if(errMsg == ""){
			/*APAGAR- Pq esse return true? Com ele não vai chamar o submitContato, o site está em produção, para testes assim temos que fazer na nossa maquina, local */
			// return true;
			submitContato();
		} else {
			errMsg = "Verifique o(s) campo(s) abaixo\n" + errMsg;
			alert(errMsg);	
		}
		return false;
	});
	
	/*APAGAR- Pq um abre script e fecha script juntos? 
	faltou o var submitContato 
	Move para dentro do document.ready para ficar no scopo de variáveis*/
	var submitContato = function() {
		var email = $("#email").val();
		var nome = $("#nome").val();
		var mensagem = $("#mensagem").val();
		$("#bt_submit_loading").show();
		$("#bt_submit").hide();
		$.ajax({
			type: "POST",
			url: "email.php",
			data: "dsEmail="+email+"&dsNome="+nome+"&dsMensagem="+mensagem,
			success: function(msg){
				alert(msg);
				$("#bt_submit_loading").hide();
				$("#bt_submit").show();
			}
		});
	}; /*APAGAR- Faltou ;*/
	
	/*APAGAR- Criei essa função para validar se o input está vazio tirando os espaços .trim()
	e se o valor não é o valor do placeholder;
	Poderíamos ter feito o isEmail, não fiz pois só usamos em um lugar, não tem duplicação e o código de validação está legível.
	*/
	$.fn.isBlank = function() { 
		var input = $(this);
		return input.val().trim() == "" || input.val() == input.attr("_placeholder");
	};
	
	$("input[_placeholder], textarea[_placeholder]").each(function(){
		var placeholderable = $(this);
		placeholderable.val(placeholderable.attr("_placeholder"));
		placeholderable.focus(function(){
			var currPlaceholderable = $(this);
			if(currPlaceholderable.val() == currPlaceholderable.attr("_placeholder")){
				currPlaceholderable.val("");
			}
		});
		placeholderable.blur(function(){
			var currPlaceholderable = $(this);
			if(currPlaceholderable.isBlank()){
				currPlaceholderable.val(currPlaceholderable.attr("_placeholder"));
			}
		});
	});
});
/*APAGAR- Pq um abre script e fecha script juntos?
Duplicação de código cheira refactory 
Resolvi essa monte de método criando um javascript dinâmico para usar _placeholder nos inputs ou textareas,
veja a $("input.[_placeholder], textarea.[_placeholder]").each(function(){ no document.ready
*/
/*
function nomeFocusIn(){
if (document.getElementById('nome').value == ' Nome'){
	document.getElementById('nome').value='';
	}
}
	
function nomeFocusLost(){
if (document.getElementById('nome').value == ''){
	document.getElementById('nome').value=' Nome';
	}
}

function emailFocusIn(){
if (document.getElementById('email').value == ' E-mail'){
	document.getElementById('email').value='';
	}
}
	
function emailFocusLost(){
if (document.getElementById('email').value == ''){
	document.getElementById('email').value=' E-mail';
	}
}

function msgFocusIn(){
if (document.getElementById('mensagem').value == ' Mensagem'){
	document.getElementById('mensagem').value='';
	}
}
	
function msgFocusLost(){
if (document.getElementById('mensagem').value == ''){
	document.getElementById('mensagem').value=' Mensagem';
	}
}
*/
