$(function() {

  /* CALCULO DOS TIJOLOS */
  var tipoTijolo = 0;  

  $("#lista-opcoes-tijolos a").click(
    function() {
      tipoTijolo = $(this).attr("title");
    }
  );
  
    
  $("#botao-calculo").click(
    function() {
    
      metros = $("#m2-utilizados").val();
      
      if (metros<=0) {
        alert('Informe quantos m2 sua obra terá.');
        return false;
      }
      
      if (tipoTijolo==0) {
        alert('Selecione o tijolo de sua preferência.');
        return false;
      }      
      
      $.get('calculo.php', { tipo: tipoTijolo, m2: metros }, function(data) {
        $('.resultado').html(data);
      });
    }
  );

  //lightbox
  $("#qualidade #lateral #fundinho #lateral-corpo a").lightBox();
  $(".fotos a").lightBox();
  $(".produto a").lightBox(); 
  
  /*-- COMBO SELECT PERSONALIZADO --*/
  $(".lista-oculta").hide();
  $(".select-em-lista").click(function(){
    
    if ($(".lista-oculta").css('display') == 'block'){
      $(".lista-oculta").hide();
    }else{
      $(".lista-oculta").show();
    }
  });

  $(".lista-oculta a").click(
    function () {
      $(".lista-oculta").hide();
      $(".select-em-lista").text($(this).text())
    }
  );
  
  $(".lista-oculta").mouseleave(function(){
    $(this).hide();
  });
  
  /* RESERVAS - LISTA DE RESERVAS */
  $('#lista-opcoes-tijolos li a').click(function(){
    $('#tipo-tijolo-oculto').val($(this).text());  
  });
    
  //MASCARA PARA O FORMULARIO
  /*$("#principal form #m2-utilizados").mask("9999").val('m2 utilizados');*/
  $("#fale-conosco form #fone").mask("(99) 9999-9999").val('Fone');
   
  //APAGA VALUE
  $("form input[type='text'], form textarea").focus( 
  function() {
    if ($(this).val()==$(this).attr("defaultValue")) {
     $(this).val('');
    }
  });
  
  $("form input[type='text'], form textarea").blur(
  function() {
    if ($(this).val()=='') {
     $(this).val($(this).attr("defaultValue"));
    }
  });
  

  //VALIDACAO RESERVAS
  $('#fale-conosco form').validate({
  
      // define regras para os campos
      rules: {
          assunto: {
              required : true,
              minlength: 5
          },
          nome: {
              required : true,
              minlength: 5
          },
          email: {
              required: true,
              email   : true
          }     
      },
      // define messages para cada campo
      messages: {
          nome: null,
          email: null
      }
  });
});