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

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

//  BORDER INPUT:OUT
borderinput1="1px solid #56479c";
//  BORDER INPUT:OVER
borderinput2="2px solid #ffff55";

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



//  #####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 CIDADE
msgcidade="FAVOR PREENCHER O CAMPO <STRONG>CIDADE</STRONG>.";
//  ERRO CAMPO UF
msguf="FAVOR PREENCHER O CAMPO <STRONG>UF</STRONG>.";
//  ERRO CAMPO EMAIL DE AMIGO
msgemailamigo="FAVOR PREENCHER O CAMPO <STRONG>E-MAIL DE AMIGO</STRONG>.";
//  COR PARA A MENSAGEM DE SUCESSO
corconfirmado="#56479c";
//  MENSAGEM COM SUCESSO
msgsucesso="<strong>CADASTRADO COM SUCESSO!</strong>";







$(document).ready(function() {
	$.preloadCssImages();


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

	$("input").css("color","#ccc");
	$("input").css("border","2px solid #56479c");

	function foco(local, valor) { 
		$(local).css("color","#000");
		$(local).css("background","url('imagens/bginput.gif')");

		if ($(local).val() == "" || $(local).val() == valor) {
			$(local).val("");
			
		} 
	}

	function desfoco(local, valor) { 
		$(local).css("background","#fff");
		if ($(local).val() == "" || $(local).val() == valor) {
			$(local).val(valor);
			$(local).css("color","#ccc");
		}
	}
	
	$("#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_cidade").focus( function() { foco('#form_cidade',' cidade'); } );
	$("#form_uf").focus( function() { foco('#form_uf',' UF'); } );
	$("#form_comentarios").focus( function() { foco('#form_comentarios',' comentários'); } );
	$("#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_cidade").blur( function() { desfoco('#form_cidade',' cidade'); } );
	$("#form_uf").blur( function() { desfoco('#form_uf',' UF'); } );
	$("#form_comentarios").blur( function() { desfoco('#form_comentarios',' comentários'); } );
	$("#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 cidade = $("#form_cidade").val();
		var uf = $("#form_uf").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").css("color","bfb9d9");
			$("#output").css("text-decoration","underline");
			$("#output").css("text-align","center");
			$("#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 (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 (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 {
			document.getElementById('formulario').action=urlform;
			document.getElementById('formulario').submit();
			$("#output").hide();
			$("#output").append(msgsucesso);
			$("#output").fadeIn("slow");
		}
	});
});