// Loads header, sidebars, footer

document.addEventListener("DOMContentLoaded", function() {
      loadSidebarContent('header', 'header.html');
      loadSidebarContent('sidebar-left', 'sidebar-left.html');
      loadSidebarContent('sidebar-right', 'sidebar-right.html');
      loadSidebarContent('footer', 'footer.html');
  });
  
  function loadSidebarContent(elementId, filePath, callback) {
    fetch(filePath)
        .then(response => response.text())
        .then(data => {
            document.getElementById(elementId).innerHTML = data;
            if (callback) callback();
        })
        .catch(err => console.error(err));
}