/** Partially aken from http://www.w3schools.com/howto/howto_css_modals.asp */


// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById('pencil');

// Get the <span> element that closes the modal
var close = document.getElementById('close');

// Get the modal
var welcomeModal = document.getElementById('welcome');

// When the user clicks on the button, open the modal
btn.onclick = function () {
    modal.style.display = "block";
};

// When the user clicks on <span> (x), close the modal
close.onclick = function () {
    modal.style.display = "none";
};

// When the user clicks anywhere outside of the modal, close it
window.onclick = function (event) {
    if (event.target == modal) {
        modal.style.display = "none";
    } else if (event.target == welcomeModal) {
        welcomeModal.style.display = "none";
    }
};


