(function ( $ ) {

  //Make sure these are available in the callback functions
  var settings;
  var curSlide = 1;
  var curHolder = 1;
  var curIteration = 0;
  var obj;

  $.fn.fullscreenSlider = function( options ) {
    obj = this;
    if (typeof options != 'object') return this;
    if (!options.images.length) return this;

    //Handle the options that the user requested.
    settings = $.extend({
      speed: 6,
      transitionSpeed: 2,
      maxCycles: 0,
      backgroundColor: "transparent",
      transition: "fade",
      images: new Array()
    }, options );

    //Clear out the holder and then set up the CSS and append the first image holder.
    this.html('').css('position', 'fixed').css('top', '0px').css('left', '0px').css('width', '100%').css('height', '100%').css('z-index', '-1').append('<div id="fsImage1"></div>').css('backgroundColor', settings.backgroundColor);
    $('#fsImage1').css('position', 'absolute').css('background-position', 'center top').css('background-repeat', 'no-repeat').css('-webkit-background-size', 'cover').css('-moz-background-size', 'cover').css('-o-background-size', 'cover').css('background-size', 'cover').css('width', '100%').css('height', '100%').css('z-index', '-1');
    //Place the image in the holder

    //This will make sure that the first image is loaded fully before we do anything else.  This is a callback so it should not block the execution of other scripts.
    $('<img/>').attr('src', settings.images[0]).load(function() {
      $(this).remove(); // prevent memory leaks
      $('#fsImage1').css('background-image', 'url('+settings.images[0]+')');

      //If we only have one image then leave it static and we are done.
      if(settings.images.length > 1){ //If we have more than one...
        //Append the second holder
        obj.append('<div id="fsImage2"></div>');
        //Start loading the second image as soon as possible but do so only after placing it behind the loaded image
        $('#fsImage2').css('z-index', '-2').css('background-image', 'url('+settings.images[1]+')').css('position', 'absolute').css('background-position', 'center top').css('background-repeat', 'no-repeat').css('-webkit-background-size', 'cover').css('-moz-background-size', 'cover').css('-o-background-size', 'cover').css('background-size', 'cover').css('width', '100%').css('height', '100%');
        setTimeout(changePic, (settings.speed * 1000));
      }
    });

    //Make this a chainable jquery function
    return this;
  };

  //This is called repeatedly to change the image
	function changePic(){
    // Only change the picture if the current iteration isn't equal to the max number of cycles
    // Or, if maxCycles == 0 (user hasn't set a value), continue
    if (curIteration != settings.maxCycles || settings.maxCycles == 0) {
      if (curSlide == '0') { curIteration++; }; // Increment the iteration counter

      //Wait until we can validate that the current slide is fully loaded before showing it.
      $('<img/>').attr('src', settings.images[curSlide]).load(function() {
          $(this).remove(); // prevent memory leaks

          var div = '#fsImage'+curHolder;
          if (settings.transition == 'fade') {
            fade(div);
          }else if(settings.transition.indexOf('slide') != 1){ // If the transition is a slide
            // Get the direction (put into params[1])
            var params = settings.transition.split(' ');
            if(params[1]){
              slide(div, params[1]);
            }else{
              console.log('You didn\'t specify a direction for your slide.');
            }
          };
      });
    }
	}

/******
  *
  * Animation functions
  *
******/

/////
// Function for simple fade (default transition)
// @param div object
/////
function fade(div){
  $(div).fadeOut((settings.transitionSpeed*1000), function(){
    postAnimation();
  });
}


//////
// Function for sliding
// @param div object
// @param slideDirection, top, bottom, left, right
/////
function slide(div, slideDirection){
  var args = { opacity: '0' };
  args[slideDirection] = '-=100%';
  $(div).animate(args, 1000, function(){
    $(div).css(slideDirection, '0');
    postAnimation();
  });
}


//////
// Function for post animation stuff (i.e., resetting the divs back to their normal state)
//////
function postAnimation(){
  curSlide++;
  if (curHolder==1) newHolder=2; else newHolder=1;

  //Move the other image to the front.
  $('#fsImage'+newHolder).css('z-index', '-1');
  
  //Move the faded out image behind the other image and start loading the new image in there.
  if (curSlide >= settings.images.length) curSlide=0;
  $('#fsImage'+curHolder).css('z-index', '-2').css('background-image', 'url('+settings.images[curSlide]+')').css('opacity', '1').css('display', 'block');
  curHolder = newHolder;
  setTimeout(changePic, (settings.speed * 1000));
}

}( jQuery ));
/*
     FILE ARCHIVED ON 07:30:59 Apr 19, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:29:49 May 08, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 25.787 (3)
  esindex: 0.015
  captures_list: 51.201
  CDXLines.iter: 12.546 (3)
  PetaboxLoader3.datanode: 30.85 (4)
  exclusion.robots: 0.374
  exclusion.robots.policy: 0.318
  RedisCDXSource: 7.306
  PetaboxLoader3.resolve: 42.937
  load_resource: 75.022
*/