/* $(".callout").click(function() {
    var selector = $(this);
    $(selector).toggleClass('visible');
});*/

$( "#search-form" ).submit(function( event ) {
  var form = $(this);
  var input = $( '#' + this.id + ' .search-input');
  if ( input.val() === '' ) {
    if ( form.hasClass( "search-input-visible" ) ) {
      form.removeClass('search-input-visible');
    } else {
      form.addClass('search-input-visible');
      input.focus().select();
    }
    event.preventDefault();
   }
});

$( document ).ready(function() {
  var form = $('#search-form');
  var input = $( '#' + form.attr('id') + ' .search-input');
  if ( input.val() !== '' ) {
    form.addClass('search-input-visible');
  }
});


$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 50) {
        $("#header").addClass("darkHeader");
    } else {
        $("#header").removeClass("darkHeader");
    }
});

$(document).ready(function() {
  $(".delay").delay(2000).fadeIn(500);
});

// subnav-hover
$('.nav-item-outer').hover(
  function(){ $(this).addClass('open') },
  function(){ $(this).removeClass('open') }
)

// classes
function addClass(els, theClass){
  if ( !Array.isArray(els) ) { els = [els]; }
  els.forEach(el => {
     el.classList.add(theClass);
  });
}

function removeClass(els, theClass){
  if ( !Array.isArray(els) ) { els = [els]; }
  els.forEach(el => {
    if ( el.classList ) {
     el.classList.remove(theClass);
    }
  });
}

function toggleClass(els, theClass){
  if ( !Array.isArray(els) ) { els = [els]; }
  els.forEach(el => {
     el.classList.toggle(theClass);
  });
}

function swapClass(els, oldClass='', newClass=''){
  if ( NodeList.prototype.isPrototypeOf(els) ) { 
    els.forEach(el => {
       el.classList.add(newClass);
       el.classList.remove(oldClass);
  });
  } else {
     els.classList.add(newClass);
     els.classList.remove(oldClass);
    
  }
}