$(document).ready(function(){
  var open = false;

  $('a#menu').click(function(){
    if(open)
    {
      $('div.nav-mobile-menu').animate({'top': '100%'}, 400);
    }
    else
    {
      $('div.nav-mobile-menu').animate({'top': 0}, 400);
    }

    open = !open;
  });

  var btn = $('#menu');

  btn.on('click', function() {
    $($('.btn')).toggleClass('active');
    $($('.btn')).toggleClass('not-active');
  });

  $('div.item').click(function(){
    if($(this).attr('id') == undefined)
    {
      return;
    }

    if($(this).attr('id') == 'back')
    {
      $('div.box').css({'left': '-100%'});
      $('div.box#main').animate({'left': 0}, 400);
    }
    else
    {
      $('div.box').css({'left': '100%'});
      $('div.box#' + $(this).attr('id')).animate({'left': 0}, 400);
    }
  });
});