$(document).ready(function(){
  maxShow = $('#photoGrid li').length;
  tapeShow = $('#photoGrid li').length;
  imageInterval = window.setInterval("showImage();", 300);
  tapeInterval = window.setInterval("showTape();", 400);
  $('#tapeGrid li').hide();
  $('#photoGrid li').hide();
  currentImage = 1;
  currentTape = 1;
});

// Finds our set of header images and changes them at a set millisecond interval
    function showImage()
    {
              $(".photo-" + currentImage).show('slow');
              currentImage = currentImage + 1;
              if (currentImage > maxShow){
                  clearInterval (imageInterval);
              }
              else{}
    }
    
    
    function showTape()
    {
              $("#size-" + currentTape).show('slow');
              currentTape = currentTape + 1;
              if (currentTape > maxShow){
                  clearInterval (tapeInterval);
              }
              else{}
    }