(function () {
  var mobileMenuOutsideClick = function () {
    $(document).click(function (e) {
      var container = $('#m-header, .js-m-toggle');
      if (!container.is(e.target) && container.has(e.target).length === 0) {
        if ($('body').hasClass('offcanvas-visible')) {
          $('body').removeClass('offcanvas-visible');
          $('.js-m-toggle').removeClass('active');
        }
      }
    });
  };
  var offcanvasMenu = function () {
    $('body').prepend('<div id="m-header" />');
    $('#m-header').append(
      '<div class="nav-lang"><a href="http://www.arcvideo.cn/">中</a><a href="http://www.arcvideo.com/">EN</a></div>'
    );
    $('body #pc-header .navbar').prepend(
      '<a href="#" class="js-m-toggle m-toggle"><i></i></a>'
    );
    $('#m-header').append($('#pc-header .nav').clone());
  };
  var burgerMenu = function () {
    $('body').on('click', '.js-m-toggle', function (event) {
      var $this = $(this);
      $('body').toggleClass('fh5co-overflow offcanvas-visible');
      $this.toggleClass('active');
      event.preventDefault();
    });
    $(window).resize(function () {
      if ($('body').hasClass('offcanvas-visible')) {
        $('body').removeClass('offcanvas-visible');
        $('.js-m-toggle').removeClass('active');
      }
    });
    $(window).scroll(function () {
      if ($('body').hasClass('offcanvas-visible')) {
        $('body').removeClass('offcanvas-visible');
        $('.js-m-toggle').removeClass('active');
      }
    });
  };
  var mobileClickMenu = function () {
    $('#m-header .nav li a').live('click', function () {
      if ($(this).next().is('ul')) {
        $(this).next('ul').css('display', 'none');
        if ($(this).next('ul').css('display') == 'none') {
          $(this).next('ul').show();
          $(this).find('span').removeClass('downward');
          $(this).find('span').addClass('upward');
          return false;
        } else {
          $(this).next('ul').hide();
          $(this).next('ul').find('ul').slideUp();
          $(this).find('i').attr('class', 'touch-arrow-down');
          $(this).find('span').removeClass('upward');
          $(this).find('span').addClass('downward');
          return false;
        }
      }
    });
  };
  $(function () {
    mobileMenuOutsideClick();
    offcanvasMenu();
    burgerMenu();
  });
})();