// dropdown menus

$(document).on('click','.mcs-nav--trigger',function(e){
  e.stopPropagation();
  $('.mcs-nav--trigger').not($(this)).removeClass('mcs-nav--trigger-active');
  $('.mcs-nav--trigger').not($(this)).siblings('.mcs-subnav').removeClass('mcs-subnav-active');
  $(this).siblings('.mcs-subnav').toggleClass('mcs-subnav-active');
  $(this).toggleClass('mcs-nav--trigger-active');
});

// $('.mcs-subnav').click(function(e){
//   e.stopPropagation();
// });

$(document).on('click', function() {
   $('.mcs-subnav').removeClass('mcs-subnav-active');
   $('.mcs-nav--trigger').removeClass('mcs-nav--trigger-active');
}); 

// lock nav on scroll

var $nav = $('.mcs-nav');
var $body = $('body');
var vTop = $nav.offset().top;

$(window).scroll(function (event) {
  var y = $(this).scrollTop();
  if (y >= vTop) {
    $nav.addClass('mcs-nav-lock');
    $body.addClass('add-padding');
  } else {
    $nav.removeClass('mcs-nav-lock');
    $body.removeClass('add-padding');
  }
});

// mobile menu

$(document).on('click','.mcs-nav--toggle',function(){
  $('.mcs-nav--panel').addClass('mcs-nav--panel-active');
  $('.mcs-nav--panel-after').addClass('mcs-nav--panel-after-active');
  $('body').addClass('no-scroll');
});

$(document).on('click','.mcs-nav--panel, .mcs-nav--panel-after',function(){
  $('.mcs-nav--panel').removeClass('mcs-nav--panel-active');
  $('.mcs-nav--panel-after').removeClass('mcs-nav--panel-after-active');
  $('body').removeClass('no-scroll');
});

// scroll to anchor

  $('a[href*="#"]:not([href="#"])').click(function() {
      var target = $(this.hash);
        $('html,body').stop().animate({
          scrollTop: target.offset().top
        }, 'linear');   
  });    
	if (location.hash){
    var id = $(location.hash);
	}
    $(window).on('load', function(){
    if (location.hash){
        $('html,body').animate({scrollTop: id.offset().top}, 'linear')
  	};
    });


// pricing modals

$('.show-features--pro').click(function(){
  $('.features--pro').addClass('mcs-modal-active');
  $('body').addClass('no-scroll');
});

$('.show-features--team').click(function(){
  $('.features--team').addClass('mcs-modal-active');
  $('body').addClass('no-scroll');
});

$('.show-features--enterprise').click(function(){
  $('.features--enterprise').addClass('mcs-modal-active');
  $('body').addClass('no-scroll');
});

$('.show-option-1').click(function(){
  $('.mcs-modal-pricing').addClass('option-1');
});

$('.show-option-2').click(function(){
  $('.mcs-modal-pricing').addClass('option-2');
});

$('.show-option-3').click(function(){
  $('.mcs-modal-pricing').addClass('option-3');
});

$('.mcs-modal--close, .mcs-modal, .mcs-modal--footer .mcs-link').click(function(){
  $('.mcs-modal').removeClass('mcs-modal-active');
  $('.mcs-modal').removeClass('option-1');
  $('.mcs-modal').removeClass('option-2');
  $('.mcs-modal').removeClass('option-3');
  $('body').removeClass('no-scroll');
});

$('.mcs-modal--dialog').click(function(e){
  e.stopPropagation();
});

// file includes

$(function () {
  var includes = $('[data-include]')
  $.each(includes, function () {
    var file = '/views/' + $(this).data('include') + '.html'
    $(this).load(file)
  })
})