Image as Hero

image-hero.js

(function() {
    var image = document.getElementById("image-${content.@id}");
    var imageTop = (function() {
        var element = image, top = element.offsetTop;
        while ((element = element.offsetParent) !== null && element !== document.body) { top += element.offsetTop; }
        return top;
    }());
    image.style.height = (window.innerHeight - imageTop) + "px";
}());