setTimeout(function() {
var subscriptionHeadlines = document.getElementById('subscription-headlines');
var subscriptionHeadlinesAcademic = document.getElementById('subscription-headlines-academic');
var subscriptionHeadlinesGift = document.getElementById('subscription-headlines-gift');
/*
* Toggle display of subscription options
*/
/* Standard subscription overviews */
var standardSubscriptionOverview = document.querySelectorAll(".subscription-standard .pn-page__options");
var academicSubscriptionOverview = document.querySelectorAll(".subscription-academic .pn-page__options");
var giftSubscriptionOverview = document.querySelectorAll(".subscription-gift .pn-page__options");
/* Standard subscription options */
var basicOptions = document.querySelectorAll(".subscription-standard .basic-access");
var premiumOptions = document.querySelectorAll(".subscription-standard .premium-access");
var insiderOptions = document.querySelectorAll(".subscription-standard .insider-access");
/* Standard learn more options */
var optionBasic = document.querySelectorAll(".subscription-standard .option-basic__secondary__radio");
var optionPremium = document.querySelectorAll(".subscription-standard .option-premium__secondary__radio");
var optionInsider = document.querySelectorAll(".subscription-standard .option-insider__secondary__radio");
/* Academic learn more options */
var optionBasicAcademic = document.querySelectorAll(".subscription-academic .option-basic__secondary__radio");
var optionPremiumAcademic = document.querySelectorAll(".subscription-academic .option-premium__secondary__radio");
/* Gift learn more options */
var optionPremiumGift = document.querySelectorAll(".subscription-gift .option-premium__secondary__radio");
/* Academic subscription options */
var basicOptionsAcademic = document.querySelectorAll(".subscription-academic .basic-access");
var premiumOptionsAcademic = document.querySelectorAll(".subscription-academic .premium-access");
/* Gift subscription options */
var premiumOptionsGift = document.querySelectorAll(".subscription-gift .premium-access");
/* Subscription type parent containers */
var subscriptionStandard = document.querySelector(".subscription-standard");
var subscriptionAcademic = document.querySelector(".subscription-academic");
var subscriptionGift = document.querySelector(".subscription-gift");
/* More subscription options button containers */
var moreSubscriptionOptions = document.querySelectorAll(".more-subscription-options");
var moreSubscriptionOptionsSmaller = document.querySelectorAll(".more-subscription-options--smaller");
/* More subscription options buttons */
var showSubscriptionAcademic = document.querySelectorAll(".more-subscription-options--academic");
var showSubscriptionGift = document.querySelectorAll(".more-subscription-options--gift");
/* Go to initial section buttons */
var goToInitialSectionBtn = document.querySelectorAll('.go-to-initial-screen');
var goToInitialSectionBtnAcademic = document.querySelectorAll('.go-to-initial-screen--academic');
var goToInitialSectionBtnGift = document.querySelectorAll('.go-to-initial-screen--gift');
/*
* Set initial display
*/
showHeadlines();
hideElements(basicOptions);
hideElements(premiumOptions);
hideElements(insiderOptions);
hideElements(basicOptionsAcademic);
hideElements(premiumOptionsAcademic);
hideElements(premiumOptionsGift);
showElements(moreSubscriptionOptions);
hideElements(moreSubscriptionOptionsSmaller);
for (i = 0; i < optionBasic.length; i++) {
optionBasic[i].addEventListener('click', optionBasicShow);
}
function optionBasicShow() {
optionContentToggleShared();
showElements(basicOptions);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < optionPremium.length; i++) {
optionPremium[i].addEventListener('click', optionPremiumShow);
}
function optionPremiumShow() {
optionContentToggleShared();
showElements(premiumOptions);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < optionInsider.length; i++) {
optionInsider[i].addEventListener('click', optionInsiderShow);
}
function optionInsiderShow() {
optionContentToggleShared();
showElements(insiderOptions);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < optionBasicAcademic.length; i++) {
optionBasicAcademic[i].addEventListener('click', optionBasicAcademicShow);
}
function optionBasicAcademicShow() {
optionContentToggleShared();
showElements(basicOptionsAcademic);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < optionPremiumAcademic.length; i++) {
optionPremiumAcademic[i].addEventListener('click', optionPremiumAcademicShow);
}
function optionPremiumAcademicShow() {
optionContentToggleShared();
showElements(premiumOptionsAcademic);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < optionPremiumGift.length; i++) {
optionPremiumGift[i].addEventListener('click', optionPremiumGiftShow);
}
function optionPremiumGiftShow() {
optionContentToggleShared();
showElements(premiumOptionsGift);
addClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
}
for (i = 0; i < showSubscriptionAcademic.length; i++) {
showSubscriptionAcademic[i].addEventListener('click', showSubscriptionAcademicContent);
}
function showSubscriptionAcademicContent() {
showInitialSectionShared();
subscriptionHeadlines.style.display = "none";
subscriptionHeadlinesAcademic.style.display = "block";
subscriptionStandard.style.display = "none";
subscriptionAcademic.style.display = "block";
subscriptionGift.style.display = "none";
scrollBackToTop();
}
for (i = 0; i < showSubscriptionGift.length; i++) {
showSubscriptionGift[i].addEventListener('click', showSubscriptionGiftContent);
}
function showSubscriptionGiftContent() {
showInitialSectionShared();
subscriptionHeadlines.style.display = "none";
subscriptionHeadlinesGift.style.display = "block";
subscriptionStandard.style.display = "none";
subscriptionAcademic.style.display = "none";
subscriptionGift.style.display = "block";
scrollBackToTop();
}
for (i = 0; i < goToInitialSectionBtn.length; i++) {
goToInitialSectionBtn[i].addEventListener('click', showInitialSection);
}
function showInitialSection() {
subscriptionStandard.style.display = "block";
subscriptionAcademic.style.display = "none";
subscriptionGift.style.display = "none";
subscriptionHeadlines.style.display = "block";
showInitialSectionShared();
}
for (i = 0; i < goToInitialSectionBtnAcademic.length; i++) {
goToInitialSectionBtnAcademic[i].addEventListener('click', showInitialSectionAcademic);
}
function showInitialSectionAcademic() {
subscriptionStandard.style.display = "none";
subscriptionAcademic.style.display = "block";
subscriptionGift.style.display = "none";
subscriptionHeadlinesAcademic.style.display = "block";
showInitialSectionShared();
}
for (i = 0; i < goToInitialSectionBtnGift.length; i++) {
goToInitialSectionBtnGift[i].addEventListener('click', showInitialSectionGift);
}
function showInitialSectionGift() {
subscriptionStandard.style.display = "none";
subscriptionAcademic.style.display = "none";
subscriptionGift.style.display = "block";
subscriptionHeadlinesGift.style.display = "block";
showInitialSectionShared();
}
function showInitialSectionShared() {
hideElements(basicOptions);
hideElements(premiumOptions);
hideElements(insiderOptions);
hideElements(basicOptionsAcademic);
hideElements(premiumOptionsAcademic);
hideElements(premiumOptionsGift);
showElements(standardSubscriptionOverview, "flex");
showElements(academicSubscriptionOverview, "flex");
showElements(giftSubscriptionOverview, "flex");
showElements(moreSubscriptionOptions);
hideElements(moreSubscriptionOptionsSmaller);
removeClass( moreSubscriptionOptionsSmaller, "no-border" );
removeClass( document.querySelectorAll(".subscription-details"), "subscription-details--open" );
scrollBackToTop();
}
function optionContentToggleShared() {
hideHeadlinesStandard();
hideElements(standardSubscriptionOverview);
hideElements(academicSubscriptionOverview);
hideElements(giftSubscriptionOverview);
hideElements(basicOptions);
hideElements(premiumOptions);
hideElements(insiderOptions);
hideElements(basicOptionsAcademic);
hideElements(premiumOptionsAcademic);
hideElements(premiumOptionsGift);
hideElements(moreSubscriptionOptions);
showElements(moreSubscriptionOptionsSmaller);
removeClass( moreSubscriptionOptionsSmaller, "no-border" );
scrollBackToTop();
}
function showSubscriptionOverviewsShared() {
hideHeadlines();
hideElements(basicOptions);
hideElements(premiumOptions);
hideElements(insiderOptions);
hideElements(basicOptionsAcademic);
hideElements(premiumOptionsAcademic);
hideElements(premiumOptionsGift);
hideElements(moreSubscriptionOptions);
showElements(moreSubscriptionOptionsSmaller);
addClass( moreSubscriptionOptionsSmaller, "no-border" );
scrollBackToTop();
}
function hideHeadlinesStandard() {
subscriptionHeadlines.style.display = "none";
}
function hideHeadlines() {
subscriptionHeadlines.style.display = "none";
subscriptionHeadlinesAcademic.style.display = "none";
subscriptionHeadlinesGift.style.display = "none";
}
function showHeadlines() {
subscriptionHeadlines.style.display = "block";
subscriptionHeadlinesAcademic.style.display = "block";
subscriptionHeadlinesGift.style.display = "block";
}
function hideElements( els ) {
for (i = 0; i < els.length; i++) {
els[i].style.display = "none";
}
}
function showElements( els, displayVal = "block" ) {
for (i = 0; i < els.length; i++) {
els[i].style.display = displayVal;
}
}
function removeClass( els, classNameVal ) {
for (i = 0; i < els.length; i++) {
els[i].classList.remove(classNameVal);
}
}
function addClass( els, classNameVal ) {
for (i = 0; i < els.length; i++) {
els[i].classList.add(classNameVal);
}
}
function scrollBackToTop() {
document.getElementById('scroll-top').scrollIntoView({behavior:"smooth", block:"start", inline:"nearest"});
/*var yOffset = +100;
var element = document.getElementById('scroll-top');
var y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({top: y, behavior:"smooth", block:"start", inline:"start"});*/
}
}, 0);