var $menuTrigger = $('[data-ic-class="button-trigger"]'),
    $menuOverlay = $('[data-ic-class="overlay"]'),
    $menuItem = $('.menu-item'),
    activeClass = 'active',
    $nav = $('nav'),
    $navULHeight = $('.nav-items').outerHeight(),
    navOpen = false,
    $header = $('header');

var isTouch = false;
if($('html').hasClass('touch')){
  isTouch = true;
}

function menuFunction(){
  $menuTrigger.toggleClass(activeClass);

  if(!navOpen){

    $nav.height($navULHeight);
    navOpen = true;
    $('body').addClass('active');
    $header.css('transform', 'translate3d(0, ' + $navULHeight + 'px, 0)');

  } else {

    $nav.height(0);
    $header.css('transform', 'translate3d(0, 0, 0)');
    navOpen = false; 
    $('body').removeClass('active');

  }
}

if(isTouch) {
  $menuTrigger.on('touchstart', function(){
    menuFunction();
  }); 
}

if(!isTouch) {
  $menuTrigger.on('click', function(){
    menuFunction();
  }); 
}