(function (piBetaPhi) {

    jQuery( document ).ready(function() {
        jQuery(window).on('load scroll', function() {
            var y = jQuery(this).scrollTop();
            if ( y >= 150 ) {
                jQuery('body .top-logo a img').addClass('scrolled');
            } else {
                jQuery('body .top-logo a img').removeClass('scrolled');
            }
        }); 
    });
    /**
     * Shows a system message to the user via the ".kn-system-messages" element.
     * @param {string} message The system message.
     * @param {string} type Either "info", "warning", or "error".
     */
    piBetaPhi.showMessage = function (message, type) {
        var messageElement = document.querySelector(".kn-system-messages");

        if (message && type) {
            if (type === "info") {
                messageElement.appendChild(buildMessageMarkup(message, "light-blue lighten-5"));
                console.info(message);
            } else if (type === "warning") {
                messageElement.appendChild(buildMessageMarkup(message, "yellow lighten-3"));
                console.warn(message);
            } else if (type === "error") {
                messageElement.appendChild(buildMessageMarkup(message, "red lighten-3"));
                console.error(message);
            }
        }
    };

    /**
     * Builds an HTML element of a system message.
     * @param {string} message The system message.
     * @param {string} cssClasses The CSS class selectors.
     * @returns {HTMLElement} The <p> element.
     */
    var buildMessageMarkup = function (message, cssClasses) {
        var paragraph = document.createElement("p");
        paragraph.classList = cssClasses;
        paragraph.innerText = message;

        return paragraph;
    };

    //Code to make the search box display
    $(".fas.fa-search").click(function(){
        $("#SearchForm").slideToggle("fast");
    });
}(window.piBetaPhi = window.piBetaPhi || {}));