$(window).on('resize load', function() {

​

    $('html').removeClass('no-js');

    $('body,html').css('opacity', '1');

​

    viewportheight = $(window).height();

    headerheight = $('.header').height();

    bg1 = '50';

    bg2 = $('header').height();

​

    $('.splash, #bg, #page').height(viewportheight) - (headerheight);

    $('.splash.intro, #bg').css({

        'background-position': bg1 + '% ' + bg2 + 'px'

    });

​

});

​

​

var images = [

    "http://121clicks.com/wp-content/uploads/2014/08/rammy_narula_photography_25.jpg",

    "http://ewallpapershub.com/wp-content/gallery/widescreen-wallpapers/widescreen-photography_wallpapers.jpg",

    "http://www.travelklix.com/wp-content/uploads/Amazing-Night-Cities-Photography5.jpg"

];

var $body = $(".intro"),

    $bg = $("#bg"),

    n = images.length,

    c = 0; // Loop Counter

​

// Preload Array of images...

for (var i = 0; i < n; i++) {

    var tImg = new Image();

    tImg.src = images[i];

}

​

$body.css({

    backgroundImage: "url(" + images[c] + ")"

});

​

(function loopBg() {

    $bg.hide().css({

        backgroundImage: "url(" + images[++c % n] + ")"

    }).delay(3000).fadeTo(1200, 1, function() {

        $body.css({

            backgroundImage: "url(" + images[c % n] + ")"

        });

        loopBg();

    });

}());