$(document).ready(function() {
	  
	  
	  	
	  var xhtml = '<b>Extensible Hypertext Markup Language</b> - Linguagem para marcação do documento que combina as tags de marcação HTML com regras da XML.';
	  var css = '<b>Cascading Style Sheets</b> - é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML.';
	  var javascript = 'Linguagem de programação <b>Client Side</b>';
	  var php = 'Linguagem de programação <b>Server Side</b>';
	  var mysqli = 'O <b>MySQL</b> é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem <b>SQL</b> como interface.';
	  var actionscript = '<b>ActionScript</b> é uma linguagem de programação orientada à objetos baseada em <b>ECMAScript</b>, utilizada principalmente para construção de aplicações Internet rica <b>(do inglês RIA - "Rich Internet Applications")</b>.';
	  var flex = 'O <b>Adobe Flex</b> é o nome de uma tecnologia que suporta o desenvolvimento de aplicações ricas para a Internet, baseadas na plataforma do Macromedia Flash'; 
	  var jquery = '<b>jQuery</b> é um framework escrito em javascript para programação <b>Client Side</b>'; 
	  var ajax = '<b>AJAX (acrônimo em língua inglesa de Asynchronous Javascript And XML)</b> é o uso metodológico de tecnologias como Javascript e XML, para tornar páginas Web mais interativas com o usuário, utilizando-se de solicitações assíncronas de informações'; 
	  var wordpress = '<b>WordPress</b> é um sistema de gerenciamento de conteúdos na web, escrito em PHP e usa como banco de dados o MySQL, ele foi desenvolvido especialmente para a criação de blogs'; 
	  var xml = '<b>XML (eXtensible Markup Language)</b> é uma recomendação da W3C para gerar linguagens de marcação para melhor estruturadas.';
	   
	  Qtip('#xhtml',xhtml,290);
	  Qtip('#css',css,290);
	  Qtip('#javascript',javascript,290);
	  Qtip('#php',php,290);
	  Qtip('#mysqli',mysqli,290);
	  Qtip('#actionscript',actionscript,290);
	  Qtip('#flex',flex,290); 
	  Qtip('#jquery',jquery,290);
	  Qtip('#ajax',ajax,290);	  
	  Qtip('#wordpress',wordpress,290);
	  Qtip('#xml',xml,290); 
	
	
/*---------Form de contato--------------------*/
 $("#contato").validate({errorLabelContainer: $("#divErro"),  
								  errorClass: "error",                
							 	  wrapper: 'li',                   
								  errorElement: 'em',                 
								  meta: "validate",
								  focusInvalid: true,     
								  submitHandler: function(form) {
							      var serializados = $("#contato").serialize();  		  
                                	             $.ajax({  
													 type: "POST", 
													 url: "Content/SendMail.php",
													 async: true,
													 data: serializados,
													 beforeSend: function() 
													   {  
														$('#FormSubmit').hide();
														$('.loading').show();
													   },//beforSend, 
													 success: function() {  
													   $("#contato").html("<div id='message'></div>"); 
													   $('#message').html(" <img src='img/joia.png'/><h2>Em menos de 24 horas responderemos Obrigado! </h2>").hide().fadeIn(1500);
													   }   
													 }); 
												
                                                 },
								 
  							    rules: {                                 
									nome:     {required:true},			
									email:    {required:true,email:true},
									assunto:  {required:true},
									mensagem: {required:true}
									
								},
								messages: {
									nome:     {required:'- Preencha o nome !'},
									email:    {required:'- Preencha o E-mail !',email:'- E-mail inv&aacute;lido !'},
									assunto:  {required:'- Selecione o assunto !'},
									mensagem: {required:'- Preencha a mensagem !'}
								}
								
					});
					 
//--------------------------------------------					
	$('.phone').mask('(99) 9999-9999');				
/*----------------------------------------------*/

	 $("#PriceTxt").hide().slideDown(1500).animate({opacity: 0.8}, 1500);	 
     
	 $('#PriceTable tr td').not('td:first-child').css({'text-align':'center',
													  'border-left':'1px solid #ccc',
													  'width':'100px'});
	 
	 $('#PriceTable tr th').not('th:first-child').css({'text-align':'center'});
	 $('#PriceTable tr td:first-child').css({'width':'200px'});


  	 $('.scroll ul li a').click(function(e){
					e.preventDefault();					 
					 var id = $(this).attr('href');
					 $('html, body').animate({scrollTop: $(id).offset().top  }, 1000);
					 });
					 
/*-------Curriculum---------------------*/
    
   $(".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);});
	
	$("[name='possuiSite'][value='Sim']").click(function(){$(".endSite").slideDown();});
	$("[name='possuiSite'][value='Nao']").click(function(){$(".endSite").slideUp();});
	
	$("[name='area_interesse']").change(function(){
		 if($(this).val() == 'Outra') {
			 $(".OutraArea").slideDown();
			}else{
			 $(".OutraArea").val('').slideUp();	
			}
		});//area_interesse
	
	
	
	

   /* $('.opportunity dl').slideUp();
	$('.opportunity dt').click(function()
	    {
		var Bg = $(this).css('backgroundImage');
		    
		if(Bg == 'url(/img/less.png)')
		  {
			$(this).css('background','url(/img/more.png) no-repeat left');	  
		  }
		  else
		  {
			  $(this).css('background','url(/img/less.png) no-repeat left');	
		  }
	
		$(this).next('dl').slideToggle(); 
		
		});*/


//-----------------------  
	$('#slider').s3Slider({timeOut: 20000});

//-------------------------------------	 
	 
  }); //document.ready


/*----------------------------------------------*/


  	function Qtip(id,string,width) /*Criei esta função para não ter que repetir o codigo*/
	 {
	   $(id).qtip({
	   content: string,
	   position:{ 
	      corner: {
            target: 'topLeft',
            tooltip: 'bottomLeft'
      }
},
	   show: { effect:{type:'fade'}},
	   style: { 
		  width: width,
		  name: 'cream', //estilo
		  border:{radius:5},
		  tip: {corner: 'bottomLeft'},
		  color: 'black'
	   }
	});
	 
	 }/*fim functon Qtip*/
  

/*--------------------------------------------------------------*/
    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, web designer </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*/