$(document).ready(function() {
  var speed = 1000;
  var pause = displayTime;
  
  var sets = $('#textfade li');

  //this will have the rotating text start on a random number, instead of always the first one
  var shown = Math.floor(Math.random() * sets.length);
    
  $(sets.hide().get(shown)).show();
  
  var crossFade = function() {
    var next = (shown + 1) % (sets.length);
    $(sets.get(shown)).fadeOut(speed);
    $(sets.get(next)).fadeIn(speed);
    shown = next;
  };
  var looper = setInterval(crossFade, pause);
});
