// JavaScript Document

$(document).ready(function()
    {
	$(".qtdsExp,.qtdsDes").css({'display':'none'});
	$("[name='qtdsExp']").val(0); 
   /* $('[name="dependentes"]').next('br').removeAttr();*/
		
	$("[name='possuiExp'][value='Sim']").click(function(){$(".qtdsExp").slideDown();});
	$("[name='possuiExp'][value='Nao']").click(function(){$(".qtdsExp,.example2,.dynamic_field2").slideUp().remove('br');});
	$("[name='qtdsExp']").change(function(){Generator_fields2(this.value);});
	
	$("[name='possuiQual'][value='Sim']").click(function(){$(".qtdsDes").slideDown();});
	$("[name='possuiQual'][value='Nao']").click(function(){$(".qtdsDes").slideUp();});
	$("[name='qtdsDes']").change(function(){Generator_fields3(this.value);});
	
	
/*--------------------------------------*/	

var dica1 = 'Coloque o CEP assim <br> EX: <b> 00000 000 </b> sem usar tra&ccedil;o.';
var dica2 = 'Coloque a Nacionalidade  <br> EX: <b>Brasileira</b>.';
var dica3 = 'Coloque o telefone com DDD EX: <b>(DDD)1234-5678  </b> mesmo que n&atilde;o tenha telefone coloque um n&uacute;mero para que possam entrar em contato.';
var dica4 = 'Coloque sua data de nascimento EX <b> 00/00/0000 </b> sendo DIA / M&Ecirc;S / ANO com quatro d&iacute;gitos.';
var dica5 = 'Este campo pode ajudar a empresa a tra&ccedil;ar seu perfil e ser um diferencial na hora de conquistar uma vaga Ex: <b>Caminhada, Ciclismo, Yoga, Leitura, </b>etc...';
var dica6 = 'Descreva a que vaga que voc&ecirc; tem interesse em concorrer por EX <b> Analista, Programador, Web designer</b>. Caso n&atilde;o saiba a &aacute;rea coloque o departamento o qual voc&ecirc; deseja trabalhar.'; 
var dica7 = 'Descreva sua forma&ccedil;&atilde;o acad&ecirc;mica. Coloque desta forma EX <b> 2006-2008 Nome do curso - escola </b> depois <span style="color:red;"> APERTE ENTER NO TELCLADO </span> e coloque outro curso <b> 2007-2009 Nome do curso - escola </b> assim o curriculum ser&aacute; gerado pelo sistema com um curso embaixo do outro, coloque quantos cursos desejar desde que formate desta forma descrita anteriormente.';
var dica8 = 'Descreva suas experi&ecirc;ncias profissionais mais importantes. O ideal &eacute; list&aacute;-las em ordem inversa, ou seja o emprego mais recentes primeiro.';  
var dica9 = 'Descreva aqui os cursos que tenha conclu&iacute;do "<cite><b>que sejam relevantes para a vaga que voc&ecirc; esta buscando </b></cite>" e qualifica&ccedil;&otilde;es obtidas ao longo de sua carreira. EX Ingl&ecirc;s - Fluente ( Nome da escolha - Ano de conclus&atilde;o ) depois <span style="color:red;"> APERTE ENTER NO TELCLADO </span> e coloque outra EX <b>Curso - N&iacute;vel se tiver - Escola e ano de conclus&atilde;o  </b> assim o curriculum ser&aacute; gerado pelo sistema com um curso embaixo do outro coloque quantas qualifica&ccedil;&otilde;es desejar desde que formate desta forma descrita anteriormente.'; 
var dica10 = 'Caso queira especificar um sal&aacute;rio coloque desta forma no campo <b> R$ 800,00 </b> lembrando que 800,00 e um valor apenas de exemplo coloque o valor que quiser mais o ideal &eacute; deixar o valor para ser conversado na entrevista, <cite>(<b>muitas vezes sal&aacute;rios menores s&atilde;o compensados por benef&iacute;cios</b>)</cite>.';
var dica11 = 'Descreva quaisquer outros dados que julgue significativos para a vaga. EX <b>Disponibilidade de hor&aacute;rio</b> caso tenha mais alguma <span style="color:red;"> APERTE ENTER NO TELCLADO </span> e coloque outra EX <b>Disponibilidade para para mudan&ccedil;a de cidade ou estado </b> coloque quantas informa&ccedil;&otilde;es desejar.';

Qtip('#dica1',dica1,13,30,240);
Qtip('#dica2',dica2,13,30,200); 
Qtip('#dica3',dica3,13,35,400);
Qtip('#dica4',dica4,13,35,270); 
Qtip('#dica5',dica5,13,50,260); 
Qtip('#dica6',dica6,13,58,260);
Qtip('#dica7',dica7,13,90,260); 
Qtip('#dica8',dica8,13,36,400); 
Qtip('#dica9',dica9,13,78,400); 
Qtip('#dica10',dica10,13,58,400); 
Qtip('#dica11',dica11,13,78,260);

/*---------------------------------------------------------*/	
 $("[name='Cadastro']").validate({errorLabelContainer: $("#divErro"),  //div onde contera os erros
								  errorClass: "error",                 //aplica esta class as mensagens de erro
							 	  wrapper: 'li',                       //como serão exbidas
								  errorElement: 'em',                  //formatação da mensagem de erro
								  meta: "validate",
								  focusInvalid: true,                   //da o focu no campo que estiver invalido e apçica a class neleerrorClass: "error",   
  							    rules: {                                 //name dos campos que serao validados
									nome:      {required:true},			 //nome e campo deve ter de 2 a 6 caracteres
									endereco:  {required:true},
									bairro:    {required:true},
									cep:       {required:true,rangelength:[5,5]},
									cep2:      {required:true,rangelength:[3,3]},
									estado:    {required:true},
									cidade:    {required:true},  
									nacionalidade:  {required:true},
									email:    {required:false,email:true},
		/*deixar opcioanl*/  		telefone: {required:true, minlength:8},
									celular:  {required:false, minlength:8},  /*So valida se for preenchido*/
		                            estado_civil:  {required:true},
									nascimento: {required:true,date:true,rangelength:[10,10]}
								},
								messages: {
									nome:     {required:'- Preencha o nome!'},
									endereco: {required:'- Preencha o endere&ccedil;o!'},
									bairro:    {required:'- Preencha o bairro!'},
									cep:       {required:'- Preencha o primeiro campo do cep!',rangelength:'- Preencha o primeiro campo do Cep com 5 d&iuml;gitos'},
									cep2:      {required:'- Preencha o segundo campo do cep!',rangelength:'- Preencha o segundo campo do Cep com 3 d&iuml;gitos'},
									estado:    {required:'- Selecione o estado'},
									cidade:    {required:'- Preencha a cidade'},
									nacionalidade:  {required:'- Preencha a nacionalidade'},
									email:    {required:'- Preencha o E-mail',email:'- E-mail inv&aacute;lido!'},
									telefone: {required:'- Preencha pelo menos um telefone de contato',minlength:'- Preencha no m&iacute;nimo os 8 d&iuml;gitos do telefone'},
							  		celular:  {required:'- Preencha o celular',minlength:'- Preencha no m&iacute;nimo os 8 d&iuml;gitos do Celular'},
		                           	estado_civil:  {required:'- Escolha qual o seu estado civil'},
									nascimento: {required:'- Preencha da data de nascimento Ex 00/00/0000 ou 00-00-0000',date:'-Preencha a data assim 00/00/0000',rangelength:'- Preencha a data assim 00/00/0000'}

								}
							}) 
 
 /*-----------------------------------------------*/
 $("[name='contato']").validate({errorLabelContainer: $("#divErro2"),  
								  errorClass: "error",                
							 	  wrapper: 'li',                   
								  errorElement: 'em',                 
								  meta: "validate",
								  focusInvalid: true,                 
								  submitHandler: function(form) {
                                	             $.ajax({  
													 type: "POST", 
													 url: "php/send.php",
													 async: false,
													 data: ({nome_completo:$("[name='nome_completo']").val(),
															 email:$("[name='email']").val(),
															 telefone:$("[name='telefone']").val(),
															 assunto:$("[name='assunto']").val(),
															 mensagem:$("[name='mensagem']").val(),
															 }),
													 success: function() {  
													   $('#formContact').html("<div id='message'></div>"); 
													   $('#message').html(" <img src='img/joia.gif'/><h2>Em menos de 24 horas responderemos Obrigado! </h2>").hide().fadeIn(1500);
													   }   
													 }); 
												
                                                 },
								 
  							    rules: {                                 
									name:     {required:true},			
									email:    {required:true,email:true},
									assunto:  {required:true},
									mensagem: {required:true}
									
								},
								messages: {
									name:     {required:'- Preencha o nome!'},
									email:    {required:'- Preencha o E-mail',email:'- E-mail inv&aacute;lido!'},
									assunto:     {required:'- Preencha o assunto!'},
									mensagem:     {required:'- Preencha a mensagem!'}
								}
								
					}) 

/*---------------------------------------------------------*/	 
 $('#footer ul li:nth-child(3)').css({'margin':'0px 0px 0px 90px'});
 $('#footer ul li:nth-child(4)').css({'margin':'0px 0px 0px 30px','font-style':'italic'});
 $('#footer ul li:nth-child(4) a').css({'text-decoration':'underline'});
 $('#footer ul li:nth-child(5)').css({'margin':'0px 0px 0px 40px'}); 
  
/*---------------------------------------------------------*/	  
  $("#submit").click(function() {  
     $.ajax({  
     type: "POST", 
	 url: "php/poll.php",
     async: false,
     data: ({enquete : $("#poll :radio:checked").val()}),
	   success: function(/*resposta*/) {  
       $('#poll').html("<div id='message'></div>"); 
	   $('#message').html(" <img src='img/joia.gif'/><h2>Muito obrigado pelo voto! </h2>")/*.text(resposta)*/.hide().fadeIn(1500);
       }   
     });/*Ajax*/
}); 

/*----------------------------------------------------------------------------------*/  
  
})/*fim document.ready*/

//Link para abrir modelo de curriculo
function Model(Link){window.open(Link,"","status=yes,width=800,height=768,resizable=yes,scrollbars=yes,top=0,left=0");}

/*--------------------------------------------------------------*/
    function Generator_fields2($number)
    {
	  $(".dynamic_field2").each(function(){$(".dynamic_field2,.example2").remove();});
	      n = $number; 
		 for(i=1;i<=$number;i++)
		  {
		  $("[name='qtdsExp']").after('<label for="empresa'+n+'" class="dynamic_field2">Nome Empresa '+n+'</label><input type="text" name="empresa[]" class="dynamic_field2"><br class="dynamic_field2"/> <label for="cidadeEmpresa'+n+'" class="dynamic_field2">Cidade da Empresa</label><input type="text" name="cidadeEmpresa[]" class="dynamic_field2"/><span class="example2"> EX: Piracicaba-SP </span> <br class="dynamic_field2"/> <label for="periodoTrabalho'+n+'" class="dynamic_field2">Per&iacute;odo de trabalho </label><input type="text" name="periodoTrabalho[]" class="dynamic_field2"/><span class="example2"> EX: 2005-2008 </span> <br class="dynamic_field2"/> <label for="Cargo" class="dynamic_field2">Cargo </label><input type="text" name="Cargo[]" class="dynamic_field2"/><span class="example2"> EX: Programador, Analista de Sistema </span><br class="dynamic_field2"/> <br class="dynamic_field2"/>');
		  n-=1;

		  }
	}
/*--------------------------------------------------------------*/
	function Generator_fields3($number)
	  {	 
		 $(".dynamic_field3").each(function(){$("[name='qtdsDes']").next().after().remove();});
		 n = $number; 
		 for(i=1;i<=$number;i++)
		  {
		  $("[name='qtdsDes']").after('<label for="descreva'+n+'" class="dynamic_field3">descricao da '+n+'&deg; </label><input type="text" name="descricao[]" class="dynamic_field3" size="50"><br class="dynamic_field3" />');
		  n-=1;
		  }
		  
	  }/*Generator_fields*/
/*--------------------------------------------------------------*/	
	function Qtip(id,string,x,y,width) /*Criei esta função para não ter que repetir o codigo*/
	 {
	   $(id).qtip({
	   content: string,
	   position:{adjust:{ x:x, y:-y}},
	   show: { effect:{type:'fade'}},
	   style: { 
		  width: width,
		  name: 'blue', //estilo
		  border:{radius:5},
		  tip: {corner: 'leftMiddle'},
		  color: 'black'
	   }
	});
	 
	 }/*fim functon Qtip*/