text:  // alertbar later
      $(document).scroll(function () {
          var y = $(this).scrollTop();
          if (y > 280) {
              $('.alertbar').fadeIn();
          } else {
              $('.alertbar').fadeOut();
          }
      });
  
  
  // Hide Header on on scroll down
      var didScroll;
      var lastScrollTop = 0;
      var delta = 5;
      var navbarHeight = $('nav').outerHeight();
  
      $(window).scroll(function(event){
          didScroll = true;
      });
  
      setInterval(function() {
          if (didScroll) {
              hasScrolled();
              didScroll = false;
          }
      }, 250);
  
      function hasScrolled() {
          var st = $(this).scrollTop();
          
          // Make sure they scroll more than delta
          if(Math.abs(lastScrollTop - st) <= delta)
              return;
  
          // If they scrolled down and are past the navbar, add class .nav-up.
          // This is necessary so you never see what is "behind" the navbar.
          if (st > lastScrollTop && st > navbarHeight){
              // Scroll Down            
              $('nav').removeClass('nav-down').addClass('nav-up'); 
              $('.nav-up').css('top', - $('nav').outerHeight() + 'px');
             
          } else {
              // Scroll Up
              if(st + $(window).height() < $(document).height()) {               
                  $('nav').removeClass('nav-up').addClass('nav-down');
                  $('.nav-up, .nav-down').css('top', '0px');             
              }
          }
  
          lastScrollTop = st;
      }
      
      
      $('.site-content').css('margin-top', $('header').outerHeight() + 'px');
  
  
  function loadSearch(){
      // Create a new Index
      idx = lunr(function(){
          this.field('id')
          this.field('title', { boost: 10 })
          this.field('summary')
      })
   
      // Send a request to get the content json file
      $.getJSON('/content.json', function(data){
   
          // Put the data into the window global so it can be used later
          window.searchData = data
   
          // Loop through each entry and add it to the index
          $.each(data, function(index, entry){
              idx.add($.extend({"id": index}, entry))
          })
      })
   
      // When search is pressed on the menu toggle the search box
      $('#search').on('click', function(){
          $('.searchForm').toggleClass('show')
      })
   
      // When the search form is submitted
      $('#searchForm').on('submit', function(e){
          // Stop the default action
          e.preventDefault()
   
          // Find the results from lunr
          results = idx.search($('#searchField').val())
   
          // Empty #content and put a list in for the results
          $('#content').html('<h1>Search Results (' + results.length + ')</h1>')
          $('#content').append('<ul id="searchResults"></ul>')
   
          // Loop through results
          $.each(results, function(index, result){
              // Get the entry from the window global
              entry = window.searchData[result.ref]
   
              // Append the entry to the list.
              $('#searchResults').append('<li><a href="' + entry.url + '">' + entry.title + '</li>')
          })
      })
  }