$(document).ready(function() {

$(function () {
     $('img.preload').wrap('<span class="image-box"></span>').hide();
});

$(window).bind('load', function () {
     var i = 1;
     var imgs = $('img.preload').length;
     var int = setInterval(function() {
     //console.log(i); check to make sure interval properly stops

     if(i >= imgs) clearInterval(int);
     $('img.preload:hidden').eq(0).fadeIn(800);
     i++;
     }, 20);
});

});