function init(){
            setHeader();
            var elem = document.getElementsByTagName('img');
            var figs = document.getElementsByTagName('figure');
            var a;
            for (var i = 0; i < elem.length; i++) {
            
                //*** Loop through the images and copy the alt tag to the title tag for mouse hovers. 
                elem[i].setAttribute('title', elem[i].getAttribute('alt'));
                
                //*** Also add a hyperlink to each image to open the original image.
                a=document.createElement('a');
                a.href=elem[i].getAttribute('src');
                a.target='_blank';
                b=a.appendChild(elem[i]);
                
                //*** And stick it before the caption so the caption appears under the image
                figs[i].insertBefore(a, figs[i].childNodes[0]);
            }
        }        function setHeader(){
            document.getElementById("header").innerHTML = "<div class='hamburger-menu'><input id='menu__toggle' type='checkbox' /><label class='menu__btn' for='menu__toggle'><span></span></label><ul class='menu__box'><li><a class='menu__item' href='#'>Home</a></li><li><a class='menu__item' href='#'>About</a></li><li><a class='menu__item' href='#'>Team</a></li><li><a class='menu__item' href='#'>Contact</a></li><li><a class='menu__item' href='#'>Twitter</a></li></ul></div>";
        }