$(document).ready(function(){
    $("#header-placeholder").load("components/header.html", function() {
        // Initialize Bootstrap components after header is loaded
        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
        var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
            return new bootstrap.Dropdown(dropdownToggleEl);
        });
        
        if (typeof initializeHeader === 'function') {
            initializeHeader();
        }
    });
    $("#footer-placeholder").load("components/footer.html");
});