// JavaScript Document

/***

    Utility functions available across the site

***/

var LAGUNITA = {

  size: function(){

    // return window size based on visibility as calculated by CSS

    var size = 'lg';

    // if we don't already have the size-detect div's, add them

    if ( $('.size-detect-xs').length == 0 ) {

      $('body')

        .append('<div class="size-detect-xs" />')

        .append('<div class="size-detect-sm" />')

        .append('<div class="size-detect-md" />')

        .append('<div class="size-detect-lg" />');

    }

    $(['xs', 'sm', 'md', 'lg']).each(function(i, sz) {

      if ($('.size-detect-'+sz).css('display') != 'none') {

        size = sz;

      }

    });

    return size;

  },

  stickFooter: function(){

    // adjust css to make footer sticky

    var h = $('#footer').height() + 'px';

    $('#su-content').css('padding-bottom', h);

    $('#footer').css('margin-top', '-'+h);

  }

};

$(document).ready(function() {

  LAGUNITA.stickFooter();

  // note resize events and trigger resizeEnd event when resizing stops

  $(window).resize(function() {

    if(this.resizeTO) clearTimeout(this.resizeTO);

    this.resizeTO = setTimeout(function() {

      $(this).trigger('resizeEnd');

    }, 200);

  });

  // Call responsive funtion when browser window resizing is complete

  $(window).bind('resizeEnd', function() {

    // show or hide the hamburger based on window size

    var size = LAGUNITA.size(); // what size is our window (xs, sm, md or lg)

    if (size == 'md' || size == 'lg') { // if size is md or lg, unhide search and gateway blocks

      $('.navbar-collapse').collapse('hide');

      // $('.navbar-collapse').removeClass('in').addClass('collapse');

    }

    // re-stick the footer in case its height has changed

    LAGUNITA.stickFooter();

  });

  $('.navbar-collapse').collapse({toggle: false}); // activate collapsibility without toggling state

  $('#skip > a').click(function(e){

    var href = $(this).attr('href').substr(1); // remove the #

    var target = $('a[name="' + href + '"]');

    target.focus();

  });

});