$(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--------------------*/
 $("[name='contato']").validate({errorLabelContainer: $("#divErro"),  
								  errorClass: "error",                
							 	  wrapper: 'li',                   
								  errorElement: 'em',                 
								  meta: "validate",
								  focusInvalid: true,                 
								  submitHandler: function(form) {
                                	             $.ajax({  
													 type: "POST", 
													 url: "Content/SendMail.php",
													 async: false,
													 data: ({filter:$("[name='filter']").val(),
															 nome:$("[name='name']").val(),
															 email:$("[name='email']").val(),
															 telefone:$("[name='telefone']").val(),
															 assunto:$("[name='assunto']").val(),
															 mensagem:$("[name='mensagem']").val()
															 }),
													 success: function() {  
													   $("[name='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: {                                 
									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!'}
								}
								
					}) 
/*----------------------------------------------*/

	  
	  
	 $("#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'});


  	 $('.sidebarMenu ul li a').click(function(e){
					e.preventDefault();					 
					 var id = $(this).attr('href');
					 $('html, body').animate({scrollTop: $(id).offset().top  }, 1000);
					 });
  
	 $('#slider').s3Slider({timeOut: 20000});
	 
	 

  

	 
	
	 
  }); 


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


  	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*/