//  ENDEREÇO DO SCRIPT DE FORMULARIO
urlformm="http://www.sketch.art.br/gabriel/scripts/shout/shoutbox.php?action=post";

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

//  BORDER INPUT:OUT
borderinput1="2px solid #8ccd3f";
//  BORDER INPUT:OVER
borderinput2="2px solid #0f9ccd";

//  TEXTO DO INPUT:OUT
colorinputout="#888";
//  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_shout").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_shout").focus( function() {	foco('#form_nome_shout',' nome');	} );
	$("#form_email_shout").focus( function() { foco('#form_email_shout',' e-mail'); } );
	$("#form_pagina_shout").focus( function() { foco('#form_pagina_shout',' webpage/orkut/fotolog'); } );
	$("#form_comentarios_shout").focus( function() { foco('#form_comentarios_shout',' comentários'); } );

	$("#form_nome_shout").blur( function() { desfoco('#form_nome_shout',' nome'); } );
	$("#form_email_shout").blur( function() { desfoco('#form_email_shout',' e-mail'); } );
	$("#form_pagina_shout").blur( function() { desfoco('#form_pagina_shout',' webpage/orkut/fotolog'); } );
	$("#form_comentarios_shout").blur( function() { desfoco('#form_comentarios_shout',' comentários'); } );

	$("#form_enviar_shout").click( function() {
		$("#output_shout").empty();
		var nome = $("#form_nome_shout").val();
		var email = $("#form_email_shout").val();
		var pagina = $("#form_pagina_shout").val();
		var comentarios = $("#form_comentarios_shout").val();
		if (nome==" nome" || nome=="") { 	
			$("#output_shout").hide();
			$("#output_shout").append(msgnome);
			$("#output_shout").fadeIn("slow");
			$("#form_nome_shout").focus();
		} else if (email != " e-mail" && email.indexOf("@") == -1) {
				$("#output_shout").hide();
				$("#output_shout").append(msgemail);
				$("#output_shout").fadeIn("slow");
				$("#form_email_shout").focus();
		} else if (comentarios==" comentários" || comentarios=="") { 	
			$("#output_shout").hide();
			$("#output_shout").append(msgcomentarios);
			$("#output_shout").fadeIn("slow");
			$("#form_comentarios_shout").focus();
		} else {
			document.getElementById('formularioshout').action=urlformm;
			document.getElementById('formularioshout').submit();
			$("#output_shout").hide();
			$("#output_shout").append(msgsucesso);
			$("#output_shout").fadeIn("slow");
			$("#output_shout").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;
}