//  ENDEREÇO DO SCRIPT DE FORMULARIO
urlform="shoutbox.php?action=post";

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

//  BORDER INPUT:OUT
borderinput1="1px solid #7a94b9";
//  BORDER INPUT:FOCUS
borderinput2="2px solid #6fa3cf";

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

//  COR PARA A MENSAGEM DE SUCESSO
corconfirmado="#ff0000";



//  #####OUPUT#####
//  ERRO CAMPO NOME
msgnome="favor preencher o campo <strong>nome</strong>.";
//  ERRO CAMPO EMAIL
msgemail="favor preencher o campo <strong>e-mail</strong>.";
//  ERRO CAMPO COMENTARIOS
msgcomentarios="favor preencher os <strong>comentários</strong>.";
//  MENSAGEM COM SUCESSO
msgsucesso="<strong>enviado com sucesso!</strong>";
	$(document).ready(function() {
	$("#output").hide();

	$("input, textarea").css("color",colorinputout);
	$("input, textarea").css("border",borderinput1);
	$("input, textarea").css("background-color",bginput1);
	$("input, textarea").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);
		});
	}
	$("#form_nome").focus( function() {	foco('#form_nome',' nome');	} );
	$("#form_email").focus( function() { foco('#form_email',' e-mail'); } );
	$("#form_comentarios").focus( function() { foco('#form_comentarios',' comentários'); } );

	$("#form_nome").blur( function() { desfoco('#form_nome',' nome'); } );
	$("#form_email").blur( function() { desfoco('#form_email',' e-mail'); } );
	$("#form_comentarios").blur( function() { desfoco('#form_comentarios',' comentários'); } );

	$("#form_enviar").click( function() {
		$("#output").empty();
		var nome = $("#form_nome").val();
		var email = $("#form_email").val();
		var comentarios = $("#form_comentarios").val();
		if (nome==" nome" || nome=="") { 	
			$("#output").hide();
			$("#output").append(msgnome);
			$("#output").fadeIn("slow");
			$("#form_nome").focus();
		} else if (email != " e-mail" && email.indexOf("@") == -1) {
				$("#output").hide();
				$("#output").append(msgemail);
				$("#output").fadeIn("slow");
				$("#form_email").focus();
		} else if (comentarios==" comentários" || comentarios=="") { 	
			$("#output").hide();
			$("#output").append(msgcomentarios);
			$("#output").fadeIn("slow");
			$("#form_comentarios").focus();
		} else {
			document.getElementById('formulario').action=urlform;
			document.getElementById('formulario').submit();
			$("#output").hide();
			$("#output").append(msgsucesso);
			$("#output").fadeIn("slow");
			$("#output").css("color",corconfirmado);
		}
	});
});

function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit)
field.value = field.value.substring(0, maxlimit);
else
texto.innerHTML = maxlimit - field.value.length;
}