//  ENDEREÇO DO SCRIPT DE FORMULARIO
urlform="http://www.sketch.art.br/formmail/mychemical/form.php";

//  BACKGROUND INPUT:OUT
bginput1="#fff";
//  BACKGROUND INPUT:OVER
bginputhover1="#ffffdd";
//  BACKGROUND INPUT FOCUS
bginput2="#ffffdd";

//  BORDER INPUT:OUT
borderinput1="1px solid #777";
//  BORDER INPUT:OVER
borderinput2="1px solid #222";

//  TEXTO DO INPUT:OUT
colorinputout="#000";
//  TEXTO DO INPUT:OVER
colorinputhover="#bd0000";



//  #####OUPUT#####
//  ERRO CAMPO NOME
msgnome=" favor preencher o campo <strong>nome</strong>.";
//  ERRO CAMPO IDADE
msgidade=" favor preencher o campo <strong>idade</strong>.";
//  ERRO CAMPO EMAIL
msgemail=" favor preencher o campo <strong>e-mail</strong>.";
//  ERRO CAMPO EMAIL
msgcpf=" favor preencher o campo <strong>CPF</strong>.";
//  ERRO CAMPO SHOW
msguf=" favor preencher o campo <strong>de qual show gostaria de ir</strong>.";
//  ERRO CAMPO CIDADE
msgcidade=" favor preencher o campo <strong>cidade</strong>.";
//  ERRO CAMPO UF
msguf=" favor preencher o campo <strong>UF</strong>.";
//  ERRO CAMPO BAIRRO
msgbairro=" favor preencher o campo <strong>bairro</strong>.";
//  ERRO CAMPO QUAL SHOW
msgqualshow=" favor preencher o campo de <strong>qual show gostaria de ir</strong>.";
//  ERRO CAMPO EMAIL DE AMIGO
msgemailamigo=" favor preencher o campo <strong>e-mail de amigo</strong>.";
//  COR PARA A MENSAGEM DE SUCESSO
corconfirmado="#ff0000";
//  MENSAGEM COM SUCESSO
msgsucesso=" <strong>e-mail enviado com sucesso!</strong>";







$(document).ready(function() {
		$("input, textarea").bind("keydown", function(e){
        if (e.keyCode == 13) {
			$("input").blur();
            $("#form_enviar").click();
            return false;
        }
    });

	$("input, textarea, select").css("color",colorinputout);
	$("input, textarea, select").css("border",borderinput1);
	$("input, textarea, select").css("background-color",bginput1);
	$("input, textarea, select").hover(function(){
			$(this).addClass("over");
			$(this).css("background-color",bginputhover1);
			},function(){
			$(this).addClass("out");
			$(this).css("background-color",bginput1);
	});
	function foco(local, valor) { 
		$(local).css("color",colorinputhover);
		$(local).css("background-color",bginput2);
		$(local).css("border",borderinput2);
		if ($(local).val() == "" || $(local).val() == valor) {
			$(local).val("");
		} 
		$(local).hover(function(){
			$(this).addClass("over");
			$(this).css("background-color",bginput2);
			},function(){
			$(this).addClass("out");
			$(this).css("background-color",bginput2);
		});
	}

	function desfoco(local, valor) { 
		$(local).css("background-color",bginput1);
		$(local).css("border",borderinput1);
		if ($(local).val() == "" || $(local).val() == valor) {
			$(local).css("color",colorinputout);
			$(local).val(valor);
		}
		$(local).hover(function(){
			$(this).addClass("over");
			$(this).css("background-color",bginputhover1);
			},function(){
			$(this).addClass("out");
			$(this).css("background-color",bginput1);
		});
	}


	$("#aparecer").hide();
	$("#aparecer2").hide();
	$("#form_nome").focus( function() { foco('#form_nome',' nome'); $("#aparecer").fadeIn("slow"); $("#aparecer2").fadeIn("slow"); } );
	$("#form_idade").focus( function() { foco('#form_idade',' idade'); } );
	$("#form_email").focus( function() { foco('#form_email',' e-mail'); } );
	$("#form_cpf").focus( function() { foco('#form_cpf',' cpf'); } );
	$("#form_cidade").focus( function() { foco('#form_cidade',' cidade'); } );
	$("#form_uf").focus( function() { foco('#form_uf',' UF'); } );
	$("#form_bairro").focus( function() { foco('#form_bairro',' bairro'); } );
	$("#form_amigo1").focus( function() { foco('#form_amigo1',' e-mail de amigo'); } );
	$("#form_amigo2").focus( function() { foco('#form_amigo2',' e-mail de amigo'); } );
	$("#form_amigo3").focus( function() { foco('#form_amigo3',' e-mail de amigo'); } );
	$("#form_amigo4").focus( function() { foco('#form_amigo4',' e-mail de amigo'); } );

	$("#form_nome").blur( function() { desfoco('#form_nome',' nome'); } );
	$("#form_idade").blur( function() { desfoco('#form_idade',' idade'); } );
	$("#form_email").blur( function() { desfoco('#form_email',' e-mail'); } );
	$("#form_cpf").blur( function() { desfoco('#form_cpf',' cpf'); } );
	$("#form_cidade").blur( function() { desfoco('#form_cidade',' cidade'); } );
	$("#form_uf").blur( function() { desfoco('#form_uf',' UF'); } );
	$("#form_bairro").blur( function() { desfoco('#form_bairro',' bairro'); } );
	$("#form_amigo1").blur( function() { desfoco('#form_amigo1',' e-mail de amigo'); } );
	$("#form_amigo2").blur( function() { desfoco('#form_amigo2',' e-mail de amigo'); } );
	$("#form_amigo3").blur( function() { desfoco('#form_amigo3',' e-mail de amigo'); } );
	$("#form_amigo4").blur( function() { desfoco('#form_amigo4',' e-mail de amigo'); } );

	$("#form_enviar").click( function() {
		$("#output").empty();
		var nome = $("#form_nome").val();
		var idade = $("#form_idade").val();
		var email = $("#form_email").val();
		var cpf = $("#form_cpf").val();
		var cidade = $("#form_cidade").val();
		var uf = $("#form_uf").val();
		var bairro = $("#form_bairro").val();
		var qualshow = $("#form_show").val();
		var amigo1 = $("#form_amigo1").val();
		var amigo2 = $("#form_amigo2").val();
		var amigo3 = $("#form_amigo3").val();
		var amigo4 = $("#form_amigo4").val();
		if (nome==" nome" || nome=="") { 	
			$("#output").hide();
			$("#output").append(msgnome);
			$("#output").fadeIn("slow");
			$("#form_nome").focus();
		} else if (idade.length >= 3 || idade==" idade" || idade=="")	{
			$("#output").hide();
			$("#output").append(msgidade);
			$("#output").fadeIn("slow");
			$("#form_idade").focus();
		} else if (email.indexOf("@") == -1 || email.indexOf(".") == -1) {
			$("#output").hide();
			$("#output").append(msgemail);
			$("#output").fadeIn("slow");
			$("#form_email").focus();
		} else if (cpf=="" || cpf==" cpf") {
			$("#output").hide();
			$("#output").append(msgcpf);
			$("#output").fadeIn("slow");
			$("#form_cpf").focus();
		} else if (cidade=="" || cidade==" cidade") {
			$("#output").hide();
			$("#output").append(msgcidade);
			$("#output").fadeIn("slow");
			$("#form_cidade").focus();
		 } else if (uf==" UF" ||uf=="") {
			 $("#output").hide();
			 $("#output").append(msguf);
			 $("#output").fadeIn("slow");
			 $("#form_uf").focus();
		} else if (bairro=="" || bairro==" bairro") {
			 $("#output").hide();
			 $("#output").append(msgbairro);
			 $("#output").fadeIn("slow");
			 $("#form_bairro").focus();
		} else if (qualshow == "0" || qualshow=="") {
			 $("#output").hide();
			 $("#output").append(msgqualshow);
			 $("#output").fadeIn("slow");
			 $("#form_show").focus();
		} else if (amigo1 != " e-mail de amigo" && amigo1.indexOf("@") == -1) {
				$("#output").hide();
				$("#output").append(msgemailamigo);
				$("#output").fadeIn("slow");
				$("#form_amigo1").focus();
		} else if (amigo2 != " e-mail de amigo" && amigo2.indexOf("@") == -1) {
				$("#output").hide();
				$("#output").append(msgemailamigo);
				$("#output").fadeIn("slow");
				$("#form_amigo2").focus();
		} else if (amigo3 != " e-mail de amigo" && amigo3.indexOf("@") == -1) {
				$("#output").hide();
				$("#output").append(msgemailamigo);
				$("#output").fadeIn("slow");
				$("#form_amigo3").focus();
		} else if (amigo4 != " e-mail de amigo" && amigo4.indexOf("@") == -1) {
				$("#output").hide();
				$("#output").append(msgemailamigo);
				$("#output").fadeIn("slow");
				$("#form_amigo4").focus();
		} else {
			document.getElementById('formulario').action=urlform;
			document.getElementById('formulario').submit();
			$("#output").hide();
			$("#output").append(msgsucesso);
			$("#output").fadeIn("slow");
			$("#output").css("color",corconfirmado);
		}
	});
});