//get the ID of the header element
var header = document.getElementById("header");

//Add the logo image, instagram link, and nav menu to the header
// header.innerHTML += "<span class='navButton' style='font-size:40px;cursor:pointer' onclick='pushbar.open('mypushbar1');'>&#9776;</span>";
header.innerHTML += "<button data-pushbar-target='mypushbar1' class='navButton'>&#9776;</button>";
header.innerHTML += "<img src='website_pictures/logo.png' class='headerLogo' />";
header.innerHTML += "<a target='_blank' href='https://www.instagram.com/georgenjacksonlimited/'><img src='website_pictures/iglogo.png' class='headerIGLogo' /></a>";
// header.innerHTML += "<span><a href='index.html'>Home</a> | <a href='https://www.instagram.com/georgenjacksonlimited/'>Instagram</a> | <a href='auto.html'>Auto</a> | <a href='drapery_hardware.html'>Drapery Hardware</a> | <a href='vendors.html'>Vendors</a></span>";

//get the ID of the footer element
var footer = document.getElementById("footer");

//Add the locations to the footer
footer.innerHTML = "<br><hr><p style='padding-right: 5px';>Calgary | Mississauga | Vancouver | Winnipeg</p>";

//get the ID of the header element
var navBar = document.getElementById('navBar');

html = "<a href='javascript:void(0)' class='closebtn' onclick='pushbar.close();'>×</a>";   
html += "<ul id='menu'>";
html += "<li><a href='index.html'>Home</a></li>";
html += "<li><a href='fabrics.html'>Drapery Fabrics</a></li>";
html += "<li><a href='vendors.html'>Vendors</a></li>";
html += "<li><a href='locations.html'>Locations</a></li>";
html += "</ul>";

navBar.innerHTML = html;