/**
 * Created by driesjanssen on 1/16/17.
 */
var bgImageArray = ["horse.jpg", "boxes.jpg", "truck.jpg"],
    base = "/img/structure/",
    secs = 5;
bgImageArray.forEach(function(img){
    new Image().src = base + img;
    // caches images, avoiding white flash between background replacements
});

function backgroundSequence() {
    window.clearTimeout();
    var k = 0;
    for (i = 0; i < bgImageArray.length; i++) {
        setTimeout(function(){
            console.log(document.getElementsByClassName("header-wrapper"));
            document.getElementsByClassName("header-wrapper")[0].style.background = "url(" + base + bgImageArray[k] + ") no-repeat center center fixed";
            document.getElementsByClassName("header-wrapper")[0].style.backgroundSize ="cover";
            if ((k + 1) === bgImageArray.length) { setTimeout(function() { backgroundSequence() }, (secs * 1000))} else { k++; }
        }, (secs * 1000) * i)
    }
}
backgroundSequence();