function overlayClose() {
document.getElementById('fullscreendiv').style.display='none';
}
function fastfoodJump() {
document.getElementById('fullscreendivcontent').innerHTML='
' + document.getElementById("topheadinglinksfastfood").innerHTML.replace(/pageJump\(this/g, "overlayClose();pageJump(document.getElementById('nav3fastfood')") + '
';
document.getElementById('fullscreendiv').style.display='block';
}
function navigatorClick(where) {
document.getElementById('nav1menus').style='background-color:var(--midcolor);';
document.getElementById('nav1recipes').style='background-color:var(--midcolor);';
document.getElementById('nav1shopping').style='background-color:var(--midcolor);';
document.getElementById('menusdiv').style.display='none';
document.getElementById('recipesdiv').style.display='none';
document.getElementById('shoppingdiv').style.display='none';
if(where=='menus') {
document.getElementById('titlediv1').innerText=document.getElementById("maintitlecontainer").innerText;
document.getElementById('nav1menus').style='background-color:var(--darkcolor);';
document.getElementById('menusdiv').style.display='block';
if(localrestaurants=="yes") { document.getElementById('fastfooddiv').style.display='block';
} else {
// Show something else here in that case
}
}
else if(where=='recipes') {
document.getElementById('titlediv1').innerHTML='Vegan Recipes';
document.getElementById('nav1recipes').style='background-color:var(--darkcolor);';
document.getElementById('recipesdiv').style.display='block';
}
else if(where=='shopping') {
document.getElementById('titlediv1').innerHTML='Vegan Groceries';
document.getElementById('nav1shopping').style='background-color:var(--darkcolor);';
document.getElementById('shoppingdiv').style.display='block';
/* Loading product images here to minimize initial page load time */
document.getElementById('prd-chao').src='pics/prd-chao.png';
document.getElementById('prd-miyokos').src='pics/prd-miyokos.png';
setTimeout(function(){ /* Remainder of images will be fetched after first row */
document.getElementById('prd-oatley').src='pics/prd-oatley.png';
document.getElementById('prd-ripple').src='pics/prd-ripple.png';
document.getElementById('prd-creamer').src='pics/prd-creamer.png';
document.getElementById('prd-just').src='pics/prd-just.png';
document.getElementById('prd-parmesan').src='pics/prd-parmesan.png';
document.getElementById('prd-earth').src='pics/prd-earth.png';
document.getElementById('prd-tofurkey').src='pics/prd-tofurkey.png';
document.getElementById('prd-fieldroast').src='pics/prd-fieldroast.png';
document.getElementById('prd-gardein').src='pics/prd-gardein.png';
document.getElementById('prd-quorn').src='pics/prd-quorn.png';
document.getElementById('prd-pumfu').src='pics/prd-pumfu.png';
document.getElementById('prd-beyond').src='pics/prd-beyond.png';
document.getElementById('prd-hummus').src='pics/prd-hummus.png';
document.getElementById('prd-cultured').src='pics/prd-cultured.png';
document.getElementById('prd-daiya').src='pics/prd-daiya.png';
document.getElementById('prd-primal').src='pics/prd-primal.png';
document.getElementById('prd-sugarplum').src='pics/prd-sugarplum.png';
document.getElementById('prd-bliss').src='pics/prd-bliss.png';
document.getElementById('prd-cake').src='pics/prd-cake.png';
document.getElementById('prd-abcookies').src='pics/prd-abcookies.png';
document.getElementById('prd-ramen').src='pics/prd-ramen.png';
document.getElementById('prd-instantpot').src='pics/prd-instantpot.png';
document.getElementById('prd-wine').src='pics/prd-wine.png';
}, 1000);
}
// Set the bookmark text to be used for shareLink function
if(where=="menus") { document.getElementById('currenttitlecontainer').innerHTML="restaurants"; }
else if(where=="recipes") { document.getElementById('currenttitlecontainer').innerHTML="recipes"; }
else if(where=="shopping") { document.getElementById('currenttitlecontainer').innerHTML="shopping"; }
document.getElementById('mobilemenudropdown').style.display='none'; // Hide the mobile menu after navigating
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
function mobileMenuOpen() {
document.getElementById('mobilemenudropdown').style.display='block';
setTimeout('mobileMenuClose()', 3000);
}
function mobileMenuClose() {
document.getElementById('mobilemenudropdown').style.display='none';
}
function pageJump(clickfromdiv,clicktoanchor) {
var bodyRect = document.body.getBoundingClientRect(),
gotoRect = document.getElementById(clicktoanchor).getBoundingClientRect(),
gotoY = gotoRect.top - bodyRect.top,
fromDivId = clickfromdiv.parentNode.id;
fromDivHt = document.getElementById(fromDivId).offsetHeight;
offset = gotoY - fromDivHt - (document.getElementById('nav1').offsetHeight+document.getElementById('nav2').offsetHeight);
window.scrollTo({
top: offset,
left: 0,
behavior: 'smooth'
})
}
function shareLink() {
document.getElementById('fullscreendivcontent').innerHTML=document.getElementById("sharecontainerdiv").innerHTML.replace("sharelinkinput1","sharelinkinput2").replace("Tabname",document.getElementById('currenttitlecontainer').innerHTML.charAt(0).toUpperCase() + document.getElementById('currenttitlecontainer').innerHTML.slice(1));
document.getElementById('sharelinkinput2').value=sharedomain+"/more.html#"+document.getElementById('currenttitlecontainer').innerHTML+"-bm";
document.getElementById('fullscreendiv').style.display='block';
document.getElementById('sharelinkinput2').focus();
document.getElementById('sharelinkinput2').select();
document.execCommand('copy');
document.getElementById('sharelinkinput2').blur();
}
function contactLinkShow(whichspan,whichbox) {
var contactreplace = whichbox;
contactreplace += "@";
contactreplace += domain1;
var mail2 = "mail";
mail2 += "to:";
document.getElementById(whichspan).innerHTML = ""+contactreplace+"";
}
function topHeadingLinksReset() {
// Set the sticky position of .topheadinglinks based on height of navcontainers
var newoffset = document.getElementById('navcontainer').offsetHeight;
newoffset = newoffset - 8;
// Get a nodelist of all .topheadinglinks elements
const alltopheadinglinks = document.querySelectorAll('.topheadinglinks');
// Set the top of each
alltopheadinglinks.forEach(element => {
element.style.top = newoffset+'px';
});
}