Wind Map Overlay Cycle - http://bl.ocks.org/krsanford/raw/ff7b0005767ea3abaeb4/

<!DOCTYPE html>
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<style>
body {
    overflow: hidden;
}

#myIframe {
    margin: -10px 0 0 -10px;
    border: 0;
    overflow: hidden;
}

#myText {
    position: absolute;
    bottom: 0;
    left: 0;
    font: 1em mplus-2p-light-sub,Helvetica,arial,freesans,clean,sans-serif;
    font-size: 3em;
    width: 100%;
    height: 3rem;
    background-color: black;
    color: rgba(255, 255, 255, 0.6);
    padding: 10px 0 30px 30px;
}
</style>

var setIframe = function() {
    var currentstep = site.replace('/overlay=', '/overlay=' + overlays[step][0]);
    document.getElementById('myIframe').src = currentstep;
    document.getElementById('myText').innerHTML = 'Wind' + overlays[step][1];
    step++;
    if (step >= overlays.length) step = 0;
}

var setIframeSize = function () {
    var frame = document.getElementById('myIframe');
    frame.style.width = (window.innerWidth * 1.02) + 'px';
    frame.style.height = (window.innerHeight * 1.02) + 'px';
};

$(document).ready(function() {
    setIframeSize();
    setIframe();
    window.onresize = setIframeSize;
    setInterval(setIframe, 20000);
})

</script>
</body>
</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js