document.write('<style>.apploi-drop-down .location-label {    font-size: 1.3rem;    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}#apploi-spinner-panel {    transition: opacity 500ms ease-in-out;    background-image: url(https://s3.amazonaws.com/apploi-web-icons/apploi-gradient.png);    background-size: cover;    width: 100px;    height: 100px;    border-radius: 100px;    padding: 0;    margin: 50px auto;    text-align: center;    box-shadow: 0 0 80px rgba(0, 0, 0, 0.25);    display: none;}#apploi-spinner-wheel {    background: url(https://s3.amazonaws.com/apploi-web-icons/apploi-spinner-wheel.gif)  center center/140px 140px no-repeat;    width: 100px;    height: 100px;    display: block;}.apploi-drop-down {    display: flex;    width: 80%;}.apploi-drop-down select {    position: relative;    background-color: #2b2d42;    border: 1px solid #2b2d42;    color: #ffffff;    font-size: 18px;    line-height: 22px;    padding: 0 15px;    margin: 0 5px;    height: 26px;    width: 33%;    max-width: 100%;}.jobs-card {    display: flex;    border-bottom: 2px solid #f7f7f8;    margin-top: 1rem !important;    margin-bottom: 0.6rem !important;}.job-link-containter {    margin-bottom: 0.5rem;    margin-top: 0.1rem;}.job-link-containter a {    text-decoration: none;}.job-link {    color: #2b2d42;    font-weight: bold;    font-size:  18px;    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;    letter-spacing: .01rem;    text-decoration: none;}.apply-now-button {    border-radius: 12px;    margin-right: 5px;    height: 34px;    width: 116px;    color: #ffffff;    background-color: #2b2d42;    border: none;    cursor: pointer;}.apply-now-button:active {    transform: translateY(2px);}.job-logo {    width: 40px;    height: 40px;    padding: 1px;    vertical-align: sub;    border-radius: 30px;    box-shadow: 0px 2px 2px 0px #dad7d7;}.job-blank-circle {    width: 30px;    height: 30px;    border: 1px solid lightgray;    border-radius: 20px;    padding: 4px;    vertical-align: sub;    display: inline-block;    background: #f3f3f3;    box-shadow: 0px 2px 5px 0px #dad7d7;}@media (max-width: 767px) {    .job-link {        font-size: 1.0rem;    }    .apploi-drop-down {        display: block;        width: 95%;    }    .apploi-drop-down select {        width: 100%;        max-width: 100%;        display: block;        margin: 10px 0;    }}.jobs-card span {    color: #4d4d4d;    margin-bottom: 0;    margin-top: 0;    font-size: 12px;}.jobs-card td {    border:none;    padding:0;}@media (max-width: 767px) {    .jobs-card span {        font-size: 0.7rem    }}#paginator {    margin: 1em 0;    text-align: center;}#paginator a {    width: 2em;    height: 2em;    border: 1px solid #ccc;    text-align: center;    text-decoration: none;    display: inline-block;    line-height: 2;    margin-right: 0.5em;    color: #2b2d42;}#paginator a.current {    background-color: #2b2d42;    color: #ffffff;}#paginator_footer {    margin: 1em 0;    text-align: center;    color: #4d4d4d;    margin-bottom: 0;    margin-top: 0;    font-size: 0.9rem;}.search-job-container {    padding-bottom: 10px;    margin: 0 5px;}.search-job-container input {    line-height: 1.5em;    border: 1px solid lightgray;    border-radius: 5px;    padding: 1px 5px;    width: 26%;}@media (max-width: 767px) {    .search-job-container input {        width: 95%;    }}</style><div class="search-job-container">    <input placeholder="Type to search" id="search-job" /></div><div class="apploi-drop-down"><select id="job-title-filter" onchange="dynamicallyLoadJobsList(this)">    <option value="all">See All Jobs</option>                        <option value="babysitter" data-teamname="tx-synergy-homecare-of-prosper" data-state="texas" data-city="little-elm" data-teamnames="(tx-synergy-homecare-of-prosper,)">Babysitter</option>                    <option value="caregiver" data-teamname="tx-synergy-homecare-of-prosper" data-state="texas" data-city="little-elm" data-teamnames="(tx-synergy-homecare-of-prosper,)">Caregiver</option>                    <option value="caregiver-for-the-weekend" data-teamname="tx-synergy-homecare-of-prosper" data-state="texas" data-city="little-elm" data-teamnames="(tx-synergy-homecare-of-prosper,)">Caregiver for the Weekend</option>                    <option value="caregiver-morning-shift" data-teamname="tx-synergy-homecare-of-prosper" data-state="texas" data-city="little-elm" data-teamnames="(tx-synergy-homecare-of-prosper,)">Caregiver Morning Shift</option>            </select></div><span id="general-data" data-ajaxurl="https://python-api-readreplica.porter.apploi.net/v1/jobs_snippet?controls_bkgd_color=2b2d42&amp;controls_font_color=ffffff&amp;controls_font_size=18px&amp;include_team_ids=44458&amp;job_details_strip=true&amp;job_details_strip_color=4d4d4d&amp;job_details_strip_font_size=12px&amp;job_link_color=2b2d42&amp;job_link_font_size=18px&amp;show_city_dropdown=false&amp;show_dropdown_labels=false&amp;show_facility_dropdown=false&amp;show_published_date=true&amp;show_state_dropdown=false&amp;utm_campaign=jobs_snippet&amp;utm_medium=client-web-site&amp;utm_source=SYNERGY-Prosper-career-page&amp;utm_term=apploi-snippet" data-citydropdowndefault="None" data-jobtitledropdowndefault="None"></span><div id="apploi-spinner-panel">  <div id="apploi-spinner-wheel"></div></div><div id="jobs-card-list" data-jobcount="4">     <div    class="jobs-card"    data-city="little-elm"    data-jobtitle="caregiver-for-the-weekend"    data-teamname="tx-synergy-homecare-of-prosper"    data-state="tx"    data-jobtype="PartTime"    data-department="no-value"  >        <span style="display: inline-block">            <span class="ng-binding">TX35, SYNERGY HomeCare of Prosper</span>      |      <span class="ng-binding">Little Elm, Texas</span>            <span class="hidden-sm-down">|</span>      <span class="hidden-sm-down">Apr 23, 2024</span>               <div class="job-link-containter">        <a          class="job-link"          href="https://jobs.apploi.com/view/1200322?utm_campaign=jobs_snippet&amp;utm_source=SYNERGY-Prosper-career-page&amp;utm_medium=client-web-site&amp;utm_term=apploi-snippet&amp;_=1714346459.618307"          rel="noopener noreferrer"          target="_blank"          >Caregiver for the Weekend</a        >      </div>    </span>      </div>    <div    class="jobs-card"    data-city="little-elm"    data-jobtitle="caregiver"    data-teamname="tx-synergy-homecare-of-prosper"    data-state="tx"    data-jobtype="PartTime"    data-department="no-value"  >        <span style="display: inline-block">            <span class="ng-binding">TX35, SYNERGY HomeCare of Prosper</span>      |      <span class="ng-binding">Little Elm, Texas</span>            <span class="hidden-sm-down">|</span>      <span class="hidden-sm-down">Feb 13, 2024</span>               <div class="job-link-containter">        <a          class="job-link"          href="https://jobs.apploi.com/view/872867?utm_campaign=jobs_snippet&amp;utm_source=SYNERGY-Prosper-career-page&amp;utm_medium=client-web-site&amp;utm_term=apploi-snippet&amp;_=1714346459.618393"          rel="noopener noreferrer"          target="_blank"          >Caregiver</a        >      </div>    </span>      </div>    <div    class="jobs-card"    data-city="little-elm"    data-jobtitle="caregiver-morning-shift"    data-teamname="tx-synergy-homecare-of-prosper"    data-state="tx"    data-jobtype="PartTime"    data-department="no-value"  >        <span style="display: inline-block">            <span class="ng-binding">TX35, SYNERGY HomeCare of Prosper</span>      |      <span class="ng-binding">Little Elm, Texas</span>            <span class="hidden-sm-down">|</span>      <span class="hidden-sm-down">Feb 13, 2024</span>               <div class="job-link-containter">        <a          class="job-link"          href="https://jobs.apploi.com/view/818441?utm_campaign=jobs_snippet&amp;utm_source=SYNERGY-Prosper-career-page&amp;utm_medium=client-web-site&amp;utm_term=apploi-snippet&amp;_=1714346459.6184502"          rel="noopener noreferrer"          target="_blank"          >Caregiver Morning Shift</a        >      </div>    </span>      </div>    <div    class="jobs-card"    data-city="little-elm"    data-jobtitle="babysitter"    data-teamname="tx-synergy-homecare-of-prosper"    data-state="tx"    data-jobtype="PartTime"    data-department="no-value"  >        <span style="display: inline-block">            <span class="ng-binding">TX35, SYNERGY HomeCare of Prosper</span>      |      <span class="ng-binding">Little Elm, Texas</span>            <span class="hidden-sm-down">|</span>      <span class="hidden-sm-down">Feb 13, 2024</span>               <div class="job-link-containter">        <a          class="job-link"          href="https://jobs.apploi.com/view/818460?utm_campaign=jobs_snippet&amp;utm_source=SYNERGY-Prosper-career-page&amp;utm_medium=client-web-site&amp;utm_term=apploi-snippet&amp;_=1714346459.618504"          rel="noopener noreferrer"          target="_blank"          >Babysitter</a        >      </div>    </span>      </div>   </div><div id="paginator" data-currentpage="1" style="cursor:pointer"></div><div id="paginator_footer"> Page <span id="pagecount_footer_pagenum"> </span> of  <span id="pagecount_footer_totalpages"> </span>&nbsp;(<span id="job_count_footer" data-maxjobslimit="1500" data-totaljobcount=4>4</span> total jobs)</div><!-- TODO: write end to end test via SauceLabs because the rendered html from this javascript cannot be tested in python_api  --><script type="text/javascript">  var MAX_NUM_OF_VISIBLE_PAGINATION_BUTTONS = 6;var MIN_NUM_OF_VISIBLE_PAGINATION_BUTTONS = 3;var jobCards;var cityFilter;var cityValue;var cityInnerHtml;var jobTitleFilter;var jobTitleValue;var jobTitleInnerHtml;var teamNameFilter;var teamNameValue;var teamNameInnerHtml;var stateFilter;var stateValue;var stateInnerHtml;var searchInput;var searchJobValue;var jobTypeFilter;var jobTypeValue;var jobTypeInnerHtml;var departmentValue;var departmentFilter;var departmentInnerHtml;var pagination_bar;var paginator_footer;var paginator_footer_pagenum;var pagecount_footer_totalpages;var job_count_footer;var general_data;var currentPageValue;var pageNumCounter;var numVisibleJobsAcrossAllPages;var xhr;var preselectTeam = true;function debounce(callback, wait) {  let timeout = null;  let callbackArgs = null;  const later = function(){ callback.apply(this, callbackArgs); };  return function() {    callbackArgs = arguments;    clearTimeout(timeout);    timeout = setTimeout(later, wait);  }}function searchJobs(){  dynamicallyLoadJobsList();}function filterFilter(filterHtmlId, optionSelector) {    var dropDownOptions = hideAllOptions(filterHtmlId);    var querySelector = "select#" + filterHtmlId + " > " + optionSelector;    /* console.log("querySelector in filterFilter = " + querySelector);*/    dropDownOptions = document.querySelectorAll(querySelector);    /* console.log(filterHtmlId + " dropdown length in filterFilter = " + dropDownOptions.length); */    for (var i=0; i < dropDownOptions.length; i++) {          dropDownOptions[i].style.display = "block";    }}function createPaginationButton(pagination_bar, page_num, isAppend) {  console.log("createPaginationButton(): page_num = " + page_num);  if(isAppend === undefined) {    isAppend = true;  }  var page_num_box = document.createElement("a");  page_num_box.innerHTML = page_num;  page_num_box.addEventListener("click", function(e) {      var startingPage = parseInt(pagination_bar.dataset.startingpage);      if(e.target.innerHTML == "▶︎") {        if(parseInt(pagination_bar.dataset.currentpage) < parseInt(pagination_bar.dataset.totalpages)) {          pagination_bar.dataset.currentpage = parseInt(pagination_bar.dataset.currentpage) + 1;        }        if(parseInt(pagination_bar.dataset.currentpage) > parseInt(pagination_bar.dataset.endingpage)) {          startingPage +=1;        }      } else if(e.target.innerHTML == "◀︎") {        if(parseInt(pagination_bar.dataset.currentpage) > 1) {          pagination_bar.dataset.currentpage = parseInt(pagination_bar.dataset.currentpage) - 1;        }        if(parseInt(pagination_bar.dataset.startingpage) > 1) {          startingPage -= 1;        }      }      else {        pagination_bar.dataset.currentpage = e.target.innerHTML;      }      console.log("click(): renderJobs() called with startingPage=" + startingPage);      paginator_footer_pagenum.innerHTML = pagination_bar.dataset.currentpage;      renderJobs(null, false, startingPage);  });  if (pagination_bar.dataset.currentpage == page_num) {      page_num_box.className = "current";  }  if(isAppend) {    pagination_bar.appendChild(page_num_box);  } else {    pagination_bar.insertBefore(page_num_box, pagination_bar.firstChild);  }  if(parseInt(page_num) > 0) {    pagination_bar.dataset.endingpage = page_num;  }}function showJobInJobTitleDropdown(jobCards, i) {  querySelector = "select#job-title-filter > option[value=\'" + jobCards[i].dataset.jobtitle + "\']";  if(jobTitleFilter){    jobDropDownOption = document.querySelector(querySelector);    jobDropDownOption.style.display = "block";  }}function gatherHtmlElementValues(isFirstPass) {  jobCards = document.getElementsByClassName("jobs-card");  jobTitleFilter = document.getElementById("job-title-filter");  if(jobTitleFilter){    jobTitleValue = jobTitleFilter.options[jobTitleFilter.selectedIndex].value;    jobTitleInnerHtml = jobTitleFilter.options[jobTitleFilter.selectedIndex].innerHTML;  }  cityFilter = document.getElementById("city-filter");  teamNameFilter = document.getElementById("team-name-filter");  if (cityFilter) {    cityValue = cityFilter.options[cityFilter.selectedIndex].value;    cityInnerHtml = cityFilter.options[cityFilter.selectedIndex].innerHTML;    if(teamNameFilter && teamNameValue != "all"){      teamNameValue = cityFilter.options[cityFilter.selectedIndex].dataset.teamname;    }  }  if (teamNameFilter) {      teamNameValue = teamNameFilter.options[teamNameFilter.selectedIndex].value;      teamNameInnerHtml = teamNameFilter.options[teamNameFilter.selectedIndex].innerHTML;  }  stateFilter = document.getElementById("state-filter");  if (stateFilter) {      stateValue = stateFilter.options[stateFilter.selectedIndex].value;      stateInnerHtml = stateFilter.options[stateFilter.selectedIndex].innerHTML;  }  if(searchInput){    searchJobValue = searchInput.value;  }  departmentFilter = document.getElementById("department-filter");  if (departmentFilter) {    departmentValue = departmentFilter.options[departmentFilter.selectedIndex].value;    departmentInnerHtml = departmentFilter.options[departmentFilter.selectedIndex].innerHTML;  }  jobTypeFilter = document.getElementById("jobtype-filter");  if (jobTypeFilter) {    jobTypeValue = jobTypeFilter.options[jobTypeFilter.selectedIndex].value;    jobTypeInnerHtml = jobTypeFilter.options[jobTypeFilter.selectedIndex].innerHTML;  }  pagination_bar = document.getElementById("paginator");  paginator_footer = document.getElementById("paginator_footer");  paginator_footer_pagenum = document.getElementById("pagecount_footer_pagenum");  pagecount_footer_totalpages = document.getElementById("pagecount_footer_totalpages");  job_count_footer = document.getElementById("job_count_footer");  general_data = document.getElementById("general-data");}function updateDropdownFilters(event){  var value = event.target.value;  var dropdownId = event.target.id;  console.log("updateDropdownFilters called for " + dropdownId + " with value: " + value);  if(dropdownId === "state-filter"){    if(value === "all"){      clearFilters();      stateValue = "all";    } else {      var stateOptionSelector = "[data-state=\'" + value + "\']";      filterFilter("city-filter", "option" + stateOptionSelector);      hideAllOptions("department-filter");      hideAllOptions("jobtype-filter");      for (var i = 0; i < jobCards.length; i++) {        if (jobCards[i].dataset.state === value) {          updateDepartmentAndJobTypeFiltersBasedOnJob(jobCards[i]);        }      }      filterFilter("job-title-filter", "option" + stateOptionSelector);      updateFacilityDropdownBasedOnStateDropdown(value);    }  }  else if(dropdownId === "city-filter"){    if(value === "all"){      clearFilters();      cityValue = "all";      if(teamNameFilter && teamNameFilter.value == "all"){        filterFilter("team-name-filter", "option");      }    }    else{      var cityOptionSelector = "[data-city=\'" + value + "\']";      filterFilter("job-title-filter", "option" + cityOptionSelector);      updateFacilityDropdownBasedOnCityDropdown(value);      updateStateDropdownBasedOnCityDropown(value);    }  }  else if(dropdownId === "team-name-filter"){    if(value === "all"){      filterFilter("team-name-filter", "option");      teamNameValue = "all";    }    else{      var teamnameOptionSelector = "[data-teamname=\'" + value + "\']";      filterFilter("job-title-filter", "option" + teamnameOptionSelector);      updateCityDropdownBasedOnTeamNameDropdown(value);      updateStateDropdownBasedOnFacilityDropdown(value);    }  }  else if(dropdownId === "department-filter"){    if(value === "all"){      clearFilters();      departmentValue = "all";    }    else {      var departmentOptionSelector = "[data-department=\'" + value + "\']";      filterFilter("job-title-filter", "option" + departmentOptionSelector);      updateDropdownsBasedOnDepartmentDropdown(value);    }  }  else if(dropdownId === "jobtype-filter"){    if(value === "all"){      clearFilters();      jobTypeValue = "all";    }    else {      var jobTypeOptionSelector = "[data-jobtype=\'" + value + "\']";      filterFilter("job-title-filter", "option" + jobTypeOptionSelector);      updateDropdownsBasedOnJobTypeDropdown(value);    }  }  deselectDefaultTeam();  loopThroughEachJob(false);}function clearFilters() {  if (cityFilter && cityFilter.value == "all") {    filterFilter("city-filter", "option");    filterFilter("state-filter", "option");  }  if (stateFilter && stateFilter.value == "all" && cityFilter && cityFilter.value == "all") {    filterFilter("jobtype-filter", "option");    filterFilter("department-filter", "option");  }}function getTeamsFromOption(option){  if(option.dataset.teamnames){    var teams = option.dataset.teamnames.replace(/[&\/\\#+()$~%.":*?<>{} ]/g,"").split(",");    return teams;  }  return [];}function updateCityDropdownBasedOnTeamNameDropdown(teamName){  hideAllOptions("city-filter");  var dropDownOptions = document.querySelectorAll("#city-filter > option");  for (var i=0; i < dropDownOptions.length; i++) {    var teams = getTeamsFromOption(dropDownOptions[i]);    for(var j=0; j < teams.length; j++){      if(teams[j] == teamName){        dropDownOptions[i].style.display = "block";      }    }  }}function updateStateDropdownBasedOnFacilityDropdown(teamName){  if(stateFilter){    var dropDownOptions = hideAllOptions("state-filter");    for (var i=0; i < dropDownOptions.length; i++) {      var teams = getTeamsFromOption(dropDownOptions[i]);      for(var j=0; j < teams.length; j++){        if(teams[j] == teamName){          dropDownOptions[i].style.display = "block";        }      }    }  }}function updateStateDropdownBasedOnCityDropown(cityValue){  if(stateFilter){    var cityOption = document.querySelector("#city-filter > option[value=\'"+cityValue+"\']");    var selector = "[value=\'"+cityOption.dataset.state+"\']";    filterFilter("state-filter", "option" + selector);    hideAllOptions("department-filter");    hideAllOptions("jobtype-filter");    for (var i = 0; i < jobCards.length; i++) {      if (jobCards[i].dataset.city === cityValue) {        updateDepartmentAndJobTypeFiltersBasedOnJob(jobCards[i]);      }    }  }}function hideAllOptions(dropdownId){  var dropDownOptions = document.querySelectorAll("#"+dropdownId+" > option");  for (var i=0; i < dropDownOptions.length; i++) {    if (dropDownOptions[i].value != "all" || dropDownOptions[i].innerHTML == "Please Select") {        dropDownOptions[i].style.display = "none";    }  }  return dropDownOptions;}function updateFacilityDropdownBasedOnCityDropdown(cityValue){  if(teamNameFilter){    var cityOption = document.querySelector("#city-filter > option[value=\'"+cityValue+"\']");    var teams = getTeamsFromOption(cityOption);    var dropDownOptions = hideAllOptions("team-name-filter");    for (var i=0; i < dropDownOptions.length; i++) {      for(var j=0; j < teams.length; j++){        if(teams[k=j] == dropDownOptions[i].value){          dropDownOptions[i].style.display = "block";        }      }     }  }}function updateDropdownsBasedOnDepartmentDropdown(departmentValue) {  if (departmentFilter) {    hideAllOptions("city-filter");    hideAllOptions("jobtype-filter");    hideAllOptions("state-filter");    for (var i = 0; i < jobCards.length; i++) {      if (jobCards[i].dataset.department === departmentValue) {        updateCityAndStateFiltersBasedOnJob(jobCards[i]);        jobTypeOption = document.querySelector("select#jobtype-filter > " + "option[value=\'" + jobCards[i].dataset.jobtype + "\']");        if (jobTypeOption) {          jobTypeOption.style.display = "block";        }      }    }  }}function updateDropdownsBasedOnJobTypeDropdown(jobTypeValue) {  if (jobTypeFilter) {    hideAllOptions("city-filter");    hideAllOptions("department-filter");    hideAllOptions("state-filter");    for (var i = 0; i < jobCards.length; i++) {      if (jobCards[i].dataset.jobtype === jobTypeValue) {        updateCityAndStateFiltersBasedOnJob(jobCards[i]);        departmentOption = document.querySelector("select#department-filter > " + "option[value=\'" + jobCards[i].dataset.department + "\']");        if (departmentOption) {          departmentOption.style.display = "block";        }      }    }  }}function updateCityAndStateFiltersBasedOnJob(job) {  /** This is a job from the jobCard colection */  cityOption = document.querySelector("select#city-filter > " + "option[value=\'" + job.dataset.city + "\']");  cityOption.style.display = "block";  stateOption = document.querySelector("select#state-filter > " + "option[value=\'" + job.dataset.state + "\']");  stateOption.style.display = "block";}function updateDepartmentAndJobTypeFiltersBasedOnJob(job) {  /** This is a job from the jobCard colection */  departmentOption = document.querySelector("select#department-filter > " + "option[value=\'" + job.dataset.department + "\']");  if (departmentOption) {    departmentOption.style.display = "block";  }  jobTypeOption = document.querySelector("select#jobtype-filter > " + "option[value=\'" + job.dataset.jobtype + "\']");  if (jobTypeOption) {    jobTypeOption.style.display = "block";  }}function updateFacilityDropdownBasedOnStateDropdown(stateValue){  if(teamNameFilter){    var stateOption = document.querySelector("#state-filter > option[value=\'"+stateValue+"\']");    var teamNames = getTeamsFromOption(stateOption);    hideAllOptions("team-name-filter");    teamNames.forEach( function(name){      var option = document.querySelector("#team-name-filter > option[value=\'"+name+"\']");      if(option){        option.style.display = "block";      }    })  }}function preSelectTeamDropdown(){  var selectedTeam = document.querySelector("[data-selectedteam=\'true\']");  if(selectedTeam){    var teamSelected = selectedTeam.value;    var teamnameOptionSelector = "[data-teamname=" + teamSelected + "]";    updateCityDropdownBasedOnTeamNameDropdown(teamSelected);    updateStateDropdownBasedOnFacilityDropdown(teamSelected);    filterFilter("job-title-filter", "option" + teamnameOptionSelector);    selectedTeam.selected = true;    preselectTeam = false;  }}function deselectDefaultTeam(){  var selectedTeam = document.querySelector("[data-selectedteam=\'true\']");  if(selectedTeam){    selectedTeam.dataset.selectedteam = false;  }}function showDefaultsInDropdowns() {  if (general_data.dataset.citydropdowndefault != "None") {    cityFilter.value = general_data.dataset.citydropdowndefault;  }  if (general_data.dataset.jobtitledropdowndefault != "None" && jobTitleFilter) {    jobTitleFilter.value = general_data.dataset.jobtitledropdowndefault;  }  dynamicallyLoadJobsList(cityFilter);}function showDefaultsInDropdownsFromBrowserUrl() {  var query_string_paramters = window.location.href.split("?")[1];  var firstParam;  var secondParam;  if(query_string_paramters) {    query_string_paramters += "&";    firstParam = query_string_paramters.split("city_dropdown_default=")[1];    secondParam = query_string_paramters.split("job_title_dropdown_default=")[1];  }  if(firstParam) {    var city_dropdown_val = firstParam.substr(0, firstParam.indexOf("&"));    cityFilter.value = city_dropdown_val;  }  if(secondParam && jobTitleFilter) {    var job_title_dropdown_val = secondParam.substr(0, secondParam.indexOf("&"));    jobTitleFilter.value = job_title_dropdown_val;  }  dynamicallyLoadJobsList(cityFilter);}function createLastPaginationButton() {  offset = pagination_bar.dataset.startingpage - 1;  console.log("createLastPaginationButton() called offset=" + offset + " pageNumCounter=" + pageNumCounter + " numVisibleJobsAcrossAllPages=" + numVisibleJobsAcrossAllPages);  if(pageNumCounter <= MAX_NUM_OF_VISIBLE_PAGINATION_BUTTONS) {    if(numVisibleJobsAcrossAllPages > (pageNumCounter+offset-1) * 10) {      createPaginationButton(pagination_bar, pageNumCounter+offset);    }  }}function updateTotalPagesCount() {  console.log("updateTotalPagesCount(): pagination_bar.dataset.totalpages=" + pagination_bar.dataset.totalpages);  var offset = numVisibleJobsAcrossAllPages % 10 == 0 ? -2 : -1;  pagination_bar.dataset.totalpages = pageNumCounter + parseInt(pagination_bar.dataset.startingpage) + offset;  job_count_footer.innerText = numVisibleJobsAcrossAllPages;  pagecount_footer_totalpages.innerHTML = Math.ceil(parseInt(job_count_footer.innerText)/10);}function createPrevNextPaginationButtons(isFirstPass) {  console.log("createPrevNextPaginationButtons() called isFirstPass=" + isFirstPass);  if(pageNumCounter > MIN_NUM_OF_VISIBLE_PAGINATION_BUTTONS && !isFirstPass) {    createPaginationButton(pagination_bar, "▶︎");    createPaginationButton(pagination_bar, "◀︎", false);  }}function hideFirstPageButtonIfOnlyOnePage() {  console.log("hideFirstPageButtonIfOnlyOnePage() called");  if (pagination_bar.childElementCount == 1) {      pagination_bar.firstChild.style.display = "none";      paginator_footer.style.display = "none";  }}function clickOnFirstPage(isFirstPass) {  /*console.log("clickOnFirstPage() start: clicked pagination_bar.firstChild.innerHTML=" + pagination_bar.firstChild.innerHTML + " isFirstPass=" + isFirstPass);*/  if (isFirstPass && pagination_bar.firstChild) {   pagination_bar.firstChild.click();   console.log("clickOnFirstPage() done: clicked pagination_bar.firstChild.innerHTML=" + (pagination_bar.firstChild || {}).innerHTML);  }}function loopThroughEachJob(isFirstPass) {  console.log("loopThroughEachJob() called isFirstPass=" + isFirstPass + " pageNumCounter=" + pageNumCounter + " numVisibleJobsAcrossAllPages=" + numVisibleJobsAcrossAllPages + " jobCards.length=" + jobCards.length);  var newHost = "";  var currentHost = window.location.host;  if(currentHost){    var hostArray = currentHost.split(".");    if(hostArray.length <= 2) {      newHost = "jobs." + currentHost;    } else {      hostArray[0] = "jobs";      newHost = hostArray.join(".");    }  }  numVisibleJobsAcrossAllPages = 0;  var showElements = {"city_dropdown_default": null, "disable_dropdown_style": null, "filter_city": null, "filter_job_department": null, "filter_job_title": null, "filter_job_type": null, "filter_state": null, "filter_team_name": null, "job_link_domain": "https://jobs.apploi.com", "job_title_dropdown_default": null, "return_city_dropdown": null, "show_apply_now_button": null, "show_city_dropdown": "false", "show_department_dropdown": false, "show_dropdown_labels": "false", "show_facility_dropdown": "false", "show_job_details_strip": "true", "show_jobs_dropdown": true, "show_jobtype_dropdown": false, "show_logos": null, "show_published_date": "true", "show_state_dropdown": "false", "title_facilities": "All Facilities", "use_ats_url_if_exists": null, "use_customer_domain_for_job_links": null};  for (var i = 0, len=jobCards.length; i < len; i++) {      var isCityMatch     = cityValue     == jobCards[i].dataset.city     || cityValue == "all"     || cityValue == "" || cityValue == undefined;      var isJobTitleMatch = jobTitleValue == jobCards[i].dataset.jobtitle || jobTitleValue == "all" || jobTitleValue == "" || jobTitleValue == undefined;      var isTeamNameMatch = teamNameValue == jobCards[i].dataset.teamname || teamNameValue == "all" || teamNameValue == "" || teamNameValue == undefined;      var isStateMatch    = stateValue    == jobCards[i].dataset.state    || stateValue == "all"    || stateValue == "" || stateValue == undefined;      var isDeptMatch     = departmentValue == jobCards[i].dataset.department || departmentValue == "all"    || departmentValue == "" || departmentValue == undefined;      var isJobTypeMatch   = jobTypeValue == jobCards[i].dataset.jobtype || jobTypeValue == "all"    || jobTypeValue == "" || jobTypeValue == undefined;      var isSearchMatch = (searchJobValue != "" && jobCards[i].innerText.toLowerCase().indexOf(searchJobValue.toLowerCase()) >= 0) || searchJobValue == undefined || searchJobValue == "";      jobCards[i].style.display = "none";      offset = pagination_bar.dataset.startingpage - 1;      if (isCityMatch && isJobTitleMatch && isTeamNameMatch && isStateMatch && isSearchMatch && isDeptMatch && isJobTypeMatch) {          /* console.log("numVisibleJobsAcrossAllPages = " + numVisibleJobsAcrossAllPages); */          /* console.log("isCityMatch = " + isCityMatch + " isJobTitleMatch = " + isJobTitleMatch + " isTeamNameMatch = " + isTeamNameMatch + " isStateMatch = " + isStateMatch);*/          var isJobOnCurrentPage = currentPageValue == jobCards[i].dataset.pagenum;          if(isFirstPass || isJobOnCurrentPage) {            showJobInJobTitleDropdown(jobCards, i);            jobCards[i].style.display = "block";            if(showElements.use_customer_domain_for_job_links == "true"){              var urlToApply = jobCards[i].querySelector(".job-link").href.split("/view")[1];              if(urlToApply && newHost != ""){                jobCards[i].querySelector(".job-link").href = window.location.protocol + "//" + newHost + "/view" + urlToApply;              }            }            jobCards[i].setAttribute("data-pagenum", pageNumCounter+offset);          }          numVisibleJobsAcrossAllPages++;      }      if (numVisibleJobsAcrossAllPages % 10 == 0          && numVisibleJobsAcrossAllPages >= (pageNumCounter+offset) * 10) {          if(pageNumCounter <= MAX_NUM_OF_VISIBLE_PAGINATION_BUTTONS) {            /*console.log("pageNumCounter+offset = " + pageNumCounter+offset);*/            createPaginationButton(pagination_bar, pageNumCounter+offset);          }          pageNumCounter++;      }  }}function renderJobs(selectedOption, isFirstPass, startingPage) {    console.log("renderJobs called with isFirstPass = " + isFirstPass + " startingPage = " + startingPage);    gatherHtmlElementValues(isFirstPass);    while (pagination_bar.firstChild) {        pagination_bar.removeChild(pagination_bar.firstChild);    }    if(isFirstPass){      preselectTeam = true;    }    if(preselectTeam && !isFirstPass){      preSelectTeamDropdown();    }    pagination_bar.dataset.startingpage = startingPage;    currentPageValue = pagination_bar.dataset.currentpage;    pageNumCounter = 1;    numVisibleJobsAcrossAllPages = 0;    loopThroughEachJob(isFirstPass);    createLastPaginationButton();    updateTotalPagesCount();    clickOnFirstPage(isFirstPass);    createPrevNextPaginationButtons(isFirstPass);    paginator_footer.style.display = "block";    hideFirstPageButtonIfOnlyOnePage();}function dynamicallyLoadJobsListAjaxCallback() {  var DONE = 4;  var OK = 200;  if (xhr.readyState === DONE) {    if (xhr.status === OK) {      parser = new DOMParser();      job_cards = parser.parseFromString(xhr.responseText, "text/html");      var job_cards_list = document.getElementById("jobs-card-list");      parent = job_cards_list.parentNode;      parent.replaceChild(job_cards.body.children[0], job_cards_list);      if(job_cards.body.children[0]) {        var city_drop_down = document.getElementById("city-filter");        var parent = city_drop_down.parentNode;        parent.replaceChild(job_cards.body.children[0], city_drop_down);      }      renderJobs(null, true, 1);      var job_count_footer = document.getElementById("job_count_footer");      job_cards_list = document.getElementById("jobs-card-list");      job_count_footer.innerText = job_cards_list.dataset.jobcount;      updateTotalPagesCount();      var apploi_spinner_panel = document.getElementById("apploi-spinner-panel");      apploi_spinner_panel.style.display = "none";      paginator_footer.style.display = "block";      pagination_bar.style.display = "block";    } else {      console.log("Error: " + xhr.status);    }  }}function dynamicallyLoadJobsList(dropdown) {  console.log("dynamicallyLoadJobsList() called");  console.log("job_count_footer.dataset.maxjobslimit=" + job_count_footer.dataset.maxjobslimit);  if(dropdown && dropdown.id == "state-filter" && cityFilter) {    cityFilter.selectedIndex = 0;  }  if(parseInt(job_count_footer.dataset.totaljobcount) > job_count_footer.dataset.maxjobslimit) {    var stateFilterValue = "See All States";    if(stateFilter) {      stateInnerHtml = stateFilter.options[stateFilter.selectedIndex].innerHTML;      stateFilterValue = stateInnerHtml;    }    var stateFilterParam = "&filter_state=" + stateFilterValue;    var jobTitleFilterParam = "&filter_job_title=See All Jobs";    if(jobTitleFilter){      jobTitleInnerHtml = jobTitleFilter.options[jobTitleFilter.selectedIndex].innerHTML;      jobTitleFilterParam = "&filter_job_title=" + jobTitleInnerHtml;    }    var cityFilterValue = "See All Cities";    var returnCityDropDownParam = "";    if(cityFilter) {      cityInnerHtml = cityFilter.options[cityFilter.selectedIndex].innerHTML;      cityFilterValue = cityInnerHtml.split(",")[0];      if(dropdown && dropdown.id == "state-filter") {          returnCityDropDownParam = "&return_city_dropdown=true";          cityInnerHtml[0] = "See All Cities";      }    }    var cityFilterParam = "&filter_city=" + cityFilterValue;    var jobTypeFilterValue = "See All Job Types";    if(jobTypeFilter) {      jobTypeInnerHtml = jobTypeFilter.options[jobTypeFilter.selectedIndex].innerHTML;      jobTypeFilterValue = jobTypeInnerHtml.split(",")[0];    }    var jobTypeFilterParam = "&filter_job_type=" + jobTypeFilterValue;    var departmentFilterValue = "See All Departments";    if(departmentFilter) {      departmentInnerHtml = departmentFilter.options[departmentFilter.selectedIndex].innerHTML;      departmentFilterValue = departmentInnerHtml.split(",")[0];    }    var departmentFilterParam = "&filter_job_department=" + departmentFilterValue;    var teamNameParam = "";    if(teamNameFilter && teamNameFilter.selectedIndex != 0){      teamNameParam = "&filter_team_name=" + teamNameFilter.children[teamNameFilter.selectedIndex].dataset.team_name;    }    var allFiltersAsQueryStringParams = stateFilterParam + cityFilterParam + jobTitleFilterParam + returnCityDropDownParam + teamNameParam + jobTypeFilterParam;    console.log("allFiltersAsQueryStringParams="+allFiltersAsQueryStringParams);    var job_cards_list = document.getElementById("jobs-card-list");    job_cards_list.style.display = "none";    var apploi_spinner_panel = document.getElementById("apploi-spinner-panel");    apploi_spinner_panel.style.display = "block";    paginator_footer.style.display = "none";    pagination_bar.style.display = "none";    xhr = new XMLHttpRequest();    xhr.open("GET", general_data.dataset.ajaxurl+"&return_job_list=true"+allFiltersAsQueryStringParams);    xhr.onreadystatechange = dynamicallyLoadJobsListAjaxCallback;    xhr.send(null);  } else {    renderJobs(null, true, 1);  }}document.addEventListener( "DOMContentLoaded", function() {  console.log("DOMContentLoaded calling renderJobs");  searchInput = document.getElementById("search-job");  var executeSearch = debounce(searchJobs, 800);  searchInput.addEventListener("input", executeSearch);  renderJobs(null, true, 1);  showDefaultsInDropdownsFromBrowserUrl();  showDefaultsInDropdowns();  if(stateFilter) {    stateFilter.addEventListener("change", updateDropdownFilters);  }  if(cityFilter) {    cityFilter.addEventListener("change", updateDropdownFilters);  }  if(teamNameFilter) {    teamNameFilter.addEventListener("change", updateDropdownFilters);  }  if (jobTypeFilter) {    jobTypeFilter.addEventListener("change", updateDropdownFilters);  }  if(departmentFilter) {    departmentFilter.addEventListener("change", updateDropdownFilters);  }});</script>')