document.addEventListener("DOMContentLoaded", function(event){
    getURLParam();
  });

function getURLParam(){
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const p = urlParams.get("step");
    var sanitizedParam;
    var sanStep;
    if (p != null) {
        sanitizedParam = p ? p.replace(/[^0-9]/g, '') : null;
        sanStep = parseInt(sanitizedParam, 10) || 1;
        
    }else{
        sanStep=1;
    }
    if (!isNaN(sanStep)){
        const step = sanStep;
        const next = sanStep+1;
        setPageInfo(step, next);
    }
}

function setPageInfo(step, next){
    const titleSpan = document.getElementById("titleSpan");
    if (titleSpan != null){
        title = titleSpan.innerText;
        titleSpan.innerText = `Step ${step}: ${title}`
    }
    const pageUrls = document.getElementsByClassName("nextPageUrls");
    Array.from(pageUrls).forEach((url) => {
        var href = url.href;
        href += `&step=${next}`;
        url.href=href;
        var text = url.innerText;
        url.innerText=`Step ${next} ` + text;
    });
}