leah slider

leahslider.js

var tot         = images.length,
            c           = 0,                  // current image (array key index)
            duration    = 150,
            $hero_image = $('.hero-image'),
            $slide_cap  = $('#slideCaption');

        function initSlide(){
          $hero_image.css('background-image', images[c]);
          $slide_cap.html(captions[c]);
        }

        function loadImage(){
        
            $hero_image.animate({'opacity' : '0'}, duration);
            setTimeout(function(){
              $hero_image.css('background-image', images[c]);
              $hero_image.animate({'opacity' : '1'}, duration);
            }, duration);

          $slide_cap.html(captions[c]);
        };

        initSlide(); // load 1 image

        $('#prev, #next, #viewSlideshow').click(function(){
          id= this.id==='next' ? c++ : c-- ;
          c= c==-1 ? tot-1 : c%tot ;
          loadImage(); 
          hideHeaderElements();
        });