/* ========================= */
/* Funções do document.ready */
/* ========================= */

/*global $, jQuery, alert*/
/*jshint ignore: start*/
$(function() {
  'use strict';
  //Função do botão de pesquisa no menu responsivo
  function qrSearchCtrl() {
    //Verifica o tamanho da tela ou janela do browser
    $(window).bind('load', function() {
      //Se o tamanho da tela ou janela for menor ou igual a 480px
      if ($(this).width() <= 780) {
        //Aplica o 'Toggle' no evento click que abre o campo de pesquisa
        $('.search-toggle').on('click', function(event) {
          $(this).toggleClass('search-expand').next('form').addClass('search-collapse');
          //Executa a animação de abrir e fechar do menu
          $(this).parent().find('.search-collapse').animate({
            top: 'toggle',
            opacity: 'toggle'
          }, 200);
          event.stopPropagation();
        });

        //Aplica o 'slideUp' ao clicar no botão de pesquisa fechando o menu
        $('.search-toggle').on('click', function() {
          if ($(this).parents('.menu').find('ul').hasClass('menu-collapse') === true) {
            $(this).parents('.menu').find('ul').slideUp(200);
            $(this).parents('.menu').find('.menu-collapse').removeClass(this);
            $(this).parents('.menu-inner').find('.menu-toggle').toggleClass('menu-expand').removeClass(this);
          }
        });

        //Aplica o 'slideUp' ao clicar no botão de menu fechando a pesquisa
        $('.menu-toggle').on('click', function() {
          if ($(this).parents('.menu').find('form').hasClass('search-collapse') === true) {
            $(this).parents('.menu').find('form').slideUp(200);
            $(this).parents('.menu').find('.search-collapse').removeClass(this);
            $(this).parents('.menu-inner').find('.search-toggle').toggleClass('search-expand').removeClass(this);
          }
        });
      }
    });
  }

  //Chamada das funções principais
  qrSearchCtrl();
});