// Desenvolvido por Guilherme Bianchi

function iniciaLoad (campo)
{
	document.getElementById(campo.name + "IMG").innerHTML = "<img src='images/loadingForm.gif'>";
	document.getElementById(campo.name + "MSG").style.display = "none";
}

function validaFormNome (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "nome" && campo.value.length > 2) ok = 1;
	if (campo.name == "nome" && campo.value.length < 3)
	{
		ok		= 0;
		erro	= "Seu nome deve conter mais de 2 caracteres.";
	}
	valida (ok, erro, campo);
}

function validaFormEmail (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "email" && checkMail(campo.value)) ok		= 1;
	if (campo.name == "email" && !checkMail(campo.value))
	{
		ok		= 0;
		erro	= "Digie o e-mail corretamente.";
	}
	valida (ok, erro, campo);
}

function validaFormNascimento (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "nascimento" && campo.value.length > 8) ok		= 1;
	if (campo.name == "nascimento" && campo.value.length < 9)
	{
		ok		= 0;
		erro	= "Digite a data de nascimento corretamente";
	}
	valida (ok, erro, campo);
}

function validaFormEstado_civil (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "estado_civil" && campo.value.length > 4) ok		= 1;
	if (campo.name == "estado_civil" && campo.value.length < 5)
	{
		ok		= 0;
		erro	= "Digite um estado civil correto. M&iacute;nimo de 5 caracteres.";
	}
	valida (ok, erro, campo);
}

function validaFormEndereco (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "endereco" && campo.value.length > 0) ok		= 1;
	if (campo.name == "endereco" && campo.value.length == 0)
	{
		ok		= 0;
		erro	= "O campo endere&ccedil;o &eacute; obrigat&oacute;rio.";
	}
	valida (ok, erro, campo);
}

function validaFormServ(campo)
{
	var cont;
	cont = 1;
	
	mHTML = "<table width='791' border='0' cellspacing='0' cellpadding='0' class='escrita'><tr><td colspan='6' align='left' style='padding-bottom:15px'><img src='images/descricao_serv.jpg' width='790' height='32'></td></tr>";
	if (campo.name == "serv" && campo.value > 0) document.getElementById(campo.name + "IMG").innerHTML = "<img src='images/ok.png'>";
	if (campo.name == "serv" && campo.value > 0)
	{ 
	    while(cont <= campo.value){
		    mHTML += "<tr><td height='25' width='105' align='right' style='padding-right:20px;'>Qtde</td><td colspan='5'><input name='Quantidade"+ cont +"' type='text' class='texto' style='width:600px; height:20px; border:thin; padding-top:2px; p adding-left:3px;' border='0' id='quantidade'></td></tr><tr><td height='25' align='right' style='padding-right:20px;'>Modelo</td><td colspan='5' align='left'><input name='Modelo"+ cont +"' type='text' class='texto' style='width:600px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='modelo'></td></tr><tr><td colspan='6' align='left' style='padding-top:20px; padding-bottom:25px; padding-left:30px;'><strong>Medidas Internas</strong></td></tr><tr><td height='25' align='right' style='padding-right:20px;'>Qtde</td><td width='172'><input name='Qtde"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='qtde'></td><td width='68' align='right' style='padding-right:20px;'>Largura</td><td width='174'><input name='Largura"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='largura'></td><td width='58' align='right' style='padding-right:20px;'>Altura</td><td width='213'><input name='Altura"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='altura'></td></tr><tr><td height='25' align='right' style='padding-right:20px;'>Qtde. Cores</td><td colspan='5'><input name='Qtde_cores"+ cont +"' type='text' class='texto' style='width:600px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='qtde_cores'></td></tr><tr><td height='25' align='right' style='padding-right:20px;'>Cor</td><td><input name='Cor"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='cor'></td><td align='right' style='padding-right:20px;'>Clichê</td><td><input name='Cliche"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='cliche'></td><td colspan='2'>&nbsp;</td></tr><tr><td height='25' align='right' style='padding-right:20px;'>Referência</td><td colspan='3'><input name='Referencia"+ cont +"' type='text' class='texto' style='width:140px; height:20px; border:thin; padding-top:2px; padding-left:3px;' border='0' id='referencia'></td><td colspan='2'>&nbsp;</td></tr><tr><td colspan='6' align='right' style='padding-bottom:35px;'><hr/>&nbsp;</td></tr>";
	        cont = cont + 1; 
	    }
	   
		mHTML += "</table>"+ cont;
		document.getElementById(campo.name + "COD").innerHTML = mHTML;
    }
	else
	{
		document.getElementById(campo.name + "IMG").innerHTML = "<img src='images/error.png'>";
	}
}

function validaFormMensagem (campo)
{
	var ok;
	var erro;
	
	if (campo.name == "mensagem" && campo.value.length > 0) ok		= 1;
	if (campo.name == "mensagem" && campo.value.length == 0)
	{
		ok		= 0;
		erro	= "O campo mensagem &eacute; obrigat&oacute;rio.";
	}
	valida (ok, erro, campo);
}

function valida (ok, erro, campo)
{
	if (ok == 1) document.getElementById(campo.name + "IMG").innerHTML = "<img src='images/ok.png'>";
	else
	{
		document.getElementById(campo.name + "IMG").innerHTML = "<img src='images/error.png'>";
		mostraMsg(erro, campo.name); return false;
	}
}

function checkMail(mail)
{
	var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);
	if(typeof(mail) == "string")
	{
		if (er.test(mail)) return true;
	}
	else if(typeof(mail) == "object")
	{
		if(er.test(mail.value)) return true;
	}
	else return false;
}

function mostraMsg (error, campo)
{
	document.getElementById(campo + "MSG").style.position = "relative";
	document.getElementById(campo + "MSG").style.display = "block";
	document.getElementById(campo + "MSG").innerHTML = "<table width=350 height=20 border=1 cellspacing=0 cellpadding=0 bordercolor=#FF0000 style=border-collapse:collapse;><tr><td bgcolor=#FF8A8A class=texto style=padding-left:3px; padding-right:3px;><b>" + error + "</b></td></tr></table>";
}