"use strict";

(function () {
  // Begin scoping function // Mar 01, 2023
  /////////////////////////////////////////////

  let localJourneyMember;
  let localJourneyMemberData;

  MemberStack.onReady.then(async function (member) {
    // Assign the logged-in member to our localMember journey variable
    localJourneyMember = member;
    localJourneyMemberData = await member.getMetaData();

    //Initial Display Setup - All "On" Btns turned off
    const onBtnState = document.querySelectorAll(".jmapbtn-on");
    const inprogressBtnState = document.querySelectorAll(".jmapbtn-inprogress");

    for (let i = 0; i < onBtnState.length; i++) {
      onBtnState[i].style.visibility = "hidden";
    }

    for (let i = 0; i < inprogressBtnState.length; i++) {
      inprogressBtnState[i].style.visibility = "hidden";
    }

    document.getElementById("understandingpurpose_m_on").style.visibility =
      "hidden";
    document.getElementById("understandingpurpose_m_off").style.visibility =
      "visible";

    //Initialize in progress databases
    if (!localJourneyMemberData.activitiesInprogress) {
      localJourneyMember.updateMetaData({
        activitiesInprogress: [],
      });
    }

    //Initialize completed activities database
    if (!localJourneyMemberData.activitiesCompleted) {
      localJourneyMember.updateMetaData({
        activitiesCompleted: [],
      });
    }
    modalActivityInfo();
    progressBarsAndMap();
  });

  //Nested Chain of Activities Completed *NBC/Dev*

  function modalActivityInfo() {
    //Function to hide all activity modals

    //if locked, open activity modal
    $(
      "#understandingpurpose_m_off, #valueyoubring2_m_off, #sharingstrengths3_m_off, #interestmapping4_m_off, #curiositywalkabout5_m_off, #journeymapping6_m_off, #inspirationaudit7_m_off, #shapingself8_m_off, #findingfocus9_m_off, #goodquestions10_m_off, #interestInspiration11_m_off, #projectplanning12_m_off, #motivationmoments13_m_off, #freshperspectives14_m_off, #learningtoadapt15_m_off, #designingimpact16_m_off, #growingyourimpact17_m_off, #buildingyourteam18_m_off, #mixingmediums19_m_off, #draftyournarrative20_m_off, #sharedexperiences21_m_off, #divergentthinking_m_status_off, #creativeconfidence_m_status_off, #strongstories_m_status_off, #whatyouneed_m_status_off, #inthismoment_m_status_off, #highslows_m_status_off, #practicingallyship_m_status_off, #activelistening_m_status_off, #advocacydefined_m_status_off, #whatmatterstome_m_status_off, #skillbuilding_m_status_off, #resiliencetoolbox_m_status_off, #gettingunstuck_m_status_off, #storiesofhope_m_status_off, #lifelenses_m_status_off, #communitycircles_m_status_off, #richerpicture_m_status_off"
    ).click(function () {
      //..Get activity name
      let activityName = this.id.split("_")[0] + "_mc";
      //..Open activity modal
      document.getElementById("preview-cards-mobile").style.display = "block";
      //..Close all activity modals
      const allActivityModals = document.querySelectorAll('[id$="_mc"]');
      for (let i = 0; i < allActivityModals.length; i++) {
        allActivityModals[i].style.display = "none";
      }
      //..Open selected activity modal
      document.getElementById(activityName).style.display = "block";
    });

    //if inprogress/completed, go to activity
    $("#understandingpurpose_m_on, #understandingpurpose_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/understanding-purpose",
          "_self"
        );
      }
    );

    $(" #valueyoubring2_m_on, #valueyoubring2_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/the-value-you-bring",
        "_self"
      );
    });

    $("#sharingstrengths3_m_on, #sharingstrengths3_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/sharing-strengths",
          "_self"
        );
      }
    );

    $("#interestmapping4_m_on, #interestmapping4_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/interest-mapping",
          "_self"
        );
      }
    );

    $("#curiositywalkabout5_m_on, #curiositywalkabout5_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/curiosity-walkabout",
          "_self"
        );
      }
    );

    $("#journeymapping6_m_on, #journeymapping6_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/journey-mapping",
        "_self"
      );
    });

    $("#inspirationaudit7_m_on, #inspirationaudit7_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/inspiration-audit",
          "_self"
        );
      }
    );

    $("#shapingself8_m_on, #shapingself8_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/shaping-self",
        "_self"
      );
    });

    $("#findingfocus9_m_on, #findingfocus9_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/finding-focus",
        "_self"
      );
    });

    $("#goodquestions10_m_on, #goodquestions10_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/good-questions",
        "_self"
      );
    });

    $("#interestInspiration11_m_on, #interestInspiration11_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/interest-inspiration",
          "_self"
        );
      }
    );

    $("#projectplanning12_m_on, #projectplanning12_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/project-planning",
          "_self"
        );
      }
    );

    $("#motivationmoments13_m_on, #motivationmoments13_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/motivation-moments",
          "_self"
        );
      }
    );

    $("#freshperspectives14_m_on, #freshperspectives14_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/fresh-perspectives",
          "_self"
        );
      }
    );

    $("#learningtoadapt15_m_on, #learningtoadapt15_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/learning-to-adapt",
          "_self"
        );
      }
    );

    $("#designingimpact16_m_on, #designingimpact16_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/designing-impact",
          "_self"
        );
      }
    );

    $("#growingyourimpact17_m_on, #growingyourimpact17_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/growing-your-impact",
          "_self"
        );
      }
    );

    $("#buildingyourteam18_m_on, #buildingyourteam18_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/building-your-team",
          "_self"
        );
      }
    );

    $("#mixingmediums19_m_on, #mixingmediums19_m_progress").click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/mixing-mediums",
        "_self"
      );
    });

    $("#draftyournarrative20_m_on, #draftyournarrative20_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/draft-your-narrative",
          "_self"
        );
      }
    );

    $("#sharedexperiences21_m_on, #sharedexperiences21_m_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/shared-experiences",
          "_self"
        );
      }
    );

    $(
      "#divergentthinking_m_status_on, #divergentthinking_m_status_progress"
    ).click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/divergent-thinking",
        "_self"
      );
    });

    $(
      "#creativeconfidence_m_status_on, #creativeconfidence_m_status_progress"
    ).click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/creative-confidence",
        "_self"
      );
    });

    $("#strongstories_m_status_on, #strongstories_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/strong-stories",
          "_self"
        );
      }
    );

    $("#whatyouneed_m_status_on, #whatyouneed_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/what-you-need",
          "_self"
        );
      }
    );

    $("#inthismoment_m_status_on, #inthismoment_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/in-this-moment",
          "_self"
        );
      }
    );

    $("#highslows_m_status_on, #highslows_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/highs-lows",
          "_self"
        );
      }
    );

    $(
      "#practicingallyship_m_status_on, #practicingallyship_m_status_progress"
    ).click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/practicing-allyship",
        "_self"
      );
    });

    $("#activelistening_m_status_on, #activelistening_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/active-listening",
          "_self"
        );
      }
    );

    $("#advocacydefined_m_status_on, #advocacydefined_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/advocacy-defined",
          "_self"
        );
      }
    );

    $("#whatmatterstome_m_status_on, #whatmatterstome_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/what-matters-to-me",
          "_self"
        );
      }
    );

    $("#skillbuilding_m_status_on, #skillbuilding_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/skill-building",
          "_self"
        );
      }
    );

    $(
      "#resiliencetoolbox_m_status_on, #resiliencetoolbox_m_status_progress"
    ).click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/resilience-toolbox",
        "_self"
      );
    });

    $("#gettingunstuck_m_status_on, #gettingunstuck_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/getting-unstuck",
          "_self"
        );
      }
    );

    $("#storiesofhope_m_status_on, #storiesofhope_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/stories-of-hope",
          "_self"
        );
      }
    );

    $("#lifelenses_m_status_on, #lifelenses_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/life-lenses",
          "_self"
        );
      }
    );

    $(
      "#communitycircles_m_status_on, #communitycircles_m_status_progress"
    ).click(function () {
      window.open(
        "https://www.purposeproject.org/toolbox/activities/community-circles",
        "_self"
      );
    });

    $("#richerpicture_m_status_on, #richerpicture_m_status_progress").click(
      function () {
        window.open(
          "https://www.purposeproject.org/toolbox/activities/richer-picture",
          "_self"
        );
      }
    );
  }

  function progressBarsAndMap() {
    //Memberstack member metadata of inprogress and commpleted activities
    let activitiesCompleted = localJourneyMemberData.activitiesCompleted;
    let activitiesIsInprogress = localJourneyMemberData.activitiesInprogress;

    // Hide all animated Paths(navy blue)
    const animPaths = document.querySelectorAll('[id$="-anim"]');

    for (let i = 0; i < animPaths.length; i++) {
      animPaths[i].style.visibility = "hidden";
    }

    //function to hide map mobile status icons (e.g. Image before/next to "You're currently...")
    function hideMobileStatusIcons() {
      for (
        let i = 0;
        i < document.querySelectorAll(".journey-mobile-icons-img").length;
        i++
      ) {
        document.querySelectorAll(".journey-mobile-icons-img")[
          i
        ].style.display = "none";
      }
    }
    ////////////////////////////////////////////////////////////////
    //add activity to member data function

    let activityInprogress = function (activityStatus) {
      let activitiesInprogressFromDb =
        localJourneyMemberData.activitiesInprogress || [];

      activitiesInprogressFromDb.push(activityStatus);

      let inprogressActivitiesJson = {
        activitiesInprogress: activitiesInprogressFromDb,
      };

      localJourneyMember.updateMetaData(inprogressActivitiesJson);
    };

    $(".bonus-activity-m").click(function () {
      if (localJourneyMemberData.activitiesInprogress) {
        let activityStatus = $(this).attr("data-activity");
        let activityUrl = $(this).attr("data-url");

        if (
          !localJourneyMemberData.activitiesInprogress.includes(activityStatus)
        ) {
          activityInprogress(activityStatus);

          setTimeout(function () {
            window.open(activityUrl, "_self");
          }, 600);
        }
      }
    });

    ////////////////////////////////////////////////////////////////

    // 1. Understanding Purpose

    if (activitiesIsInprogress.includes("understandingPurpose")) {
      //...Map Mobile
      document.getElementById("understandingpurpose_m_on").style.visibility =
        "hidden";
      document.getElementById("understandingpurpose_m_off").style.visibility =
        "hidden";
      document.getElementById(
        "understandingpurpose_m_progress"
      ).style.visibility = "visible";
    }
    // If member takes/took the quiz, mark 'Understanding Purpose' Button as complete
    if (activitiesCompleted.includes("understandingPurpose")) {
      //...Map Mobile
      document.getElementById("understandingpurpose_m_on").style.visibility =
        "visible";
      document.getElementById("understandingpurpose_m_off").style.visibility =
        "hidden";
      document.getElementById(
        "understandingpurpose_m_progress"
      ).style.visibility = "hidden";

      //...Map Next Button
      $(" #valueyoubring2_m_off").click(function () {
        document.getElementById("preview-cards-mobile").style.display = "none";
        window.open(
          "https://www.purposeproject.org/toolbox/activities/the-value-you-bring",
          "_self"
        );
      });
      document
        .getElementById("valueyoubring2_m_off")
        .classList.remove("jmapbtn-m-off");
      document
        .getElementById("valueyoubring2_m_off")
        .classList.add("jmapbtn-next-off");

      //.........
      // 2. valueYouBring activity - In Progress
      if (activitiesIsInprogress.includes("valueYouBring")) {
        //...Map Mobile
        document.getElementById("valueyoubring2_m_on").style.visibility =
          "hidden";
        document.getElementById("valueyoubring2_m_off").style.visibility =
          "hidden";
        document.getElementById("valueyoubring2_m_progress").style.visibility =
          "visible";

        //...Map Mobile - Status
        document.getElementById("mobile-map-status").style.display = "block";
        document.getElementById("group2_m_status").style.display = "block";
        document.getElementById("current-map-status-txt").textContent =
          "LOOKING IN";
        document.getElementById(
          "valueyoubring2_m_status_progress"
        ).style.display = "inline-block";
        document.getElementById(
          "sharingstrengths3_m_status_off"
        ).style.display = "inline-block";
        document.getElementById("interestmapping4_m_status_off").style.display =
          "inline-block";

        //...Map Mobile - Path
        document.getElementById("path_m_1-anim").style.visibility = "visible";

        // 2. valueYouBring activity - Completed
        if (activitiesCompleted.includes("valueYouBring")) {
          //...Map Mobile
          document.getElementById("valueyoubring2_m_on").style.visibility =
            "visible";
          document.getElementById("valueyoubring2_m_off").style.visibility =
            "hidden";
          document.getElementById(
            "valueyoubring2_m_progress"
          ).style.visibility = "hidden";

          //...Map Mobile - Status

          hideMobileStatusIcons();

          document.getElementById("valueyoubring2_m_status_on").style.display =
            "inline-block";
          document.getElementById(
            "sharingstrengths3_m_status_off"
          ).style.display = "inline-block";
          document.getElementById(
            "interestmapping4_m_status_off"
          ).style.display = "inline-block";

          //...Map Next Button
          $(" #sharingstrengths3_m_off").click(function () {
            document.getElementById("preview-cards-mobile").style.display =
              "none";
            window.open(
              "https://www.purposeproject.org/toolbox/activities/sharing-strengths",
              "_self"
            );
          });
          document
            .getElementById("sharingstrengths3_m_off")
            .classList.remove("jmapbtn-m-off");
          document
            .getElementById("sharingstrengths3_m_off")
            .classList.add("jmapbtn-next-off");

          //.........
          // 3. sharingStrengths activity - In Progress
          if (activitiesIsInprogress.includes("sharingStrengths")) {
            //...Map Mobile
            document.getElementById("sharingstrengths3_m_on").style.visibility =
              "hidden";
            document.getElementById(
              "sharingstrengths3_m_off"
            ).style.visibility = "hidden";
            document.getElementById(
              "sharingstrengths3_m_progress"
            ).style.visibility = "visible";

            //...Map Mobile - Path
            document.getElementById("path_m_2-anim").style.visibility =
              "visible";

            // 3. sharingStrengths activity - Completed
            if (activitiesCompleted.includes("sharingStrengths")) {
              //...Map Mobile
              document.getElementById(
                "sharingstrengths3_m_on"
              ).style.visibility = "visible";
              document.getElementById(
                "sharingstrengths3_m_off"
              ).style.visibility = "hidden";
              document.getElementById(
                "sharingstrengths3_m_progress"
              ).style.visibility = "hidden";

              //...Map Mobile - Status
              hideMobileStatusIcons();

              document.getElementById(
                "valueyoubring2_m_status_on"
              ).style.display = "inline-block";
              document.getElementById(
                "sharingstrengths3_m_status_progress"
              ).style.display = "inline-block";
              document.getElementById(
                "interestmapping4_m_status_off"
              ).style.display = "inline-block";

              //...Map Next Button
              $(" #interestmapping4_m_off").click(function () {
                document.getElementById("preview-cards-mobile").style.display =
                  "none";
                window.open(
                  "https://www.purposeproject.org/toolbox/activities/interest-mapping",
                  "_self"
                );
              });
              document
                .getElementById("interestmapping4_m_off")
                .classList.remove("jmapbtn-m-off");
              document
                .getElementById("interestmapping4_m_off")
                .classList.add("jmapbtn-next-off");

              //.........
              // 4. interestMapping activity - In Progress
              if (activitiesIsInprogress.includes("interestMapping")) {
                //...Map Mobile
                document.getElementById(
                  "interestmapping4_m_on"
                ).style.visibility = "hidden";
                document.getElementById(
                  "interestmapping4_m_off"
                ).style.visibility = "hidden";
                document.getElementById(
                  "interestmapping4_m_progress"
                ).style.visibility = "visible";

                //...Map Mobile - Status
                hideMobileStatusIcons();

                document.getElementById(
                  "valueyoubring2_m_status_on"
                ).style.display = "inline-block";
                document.getElementById(
                  "sharingstrengths3_m_status_on"
                ).style.display = "inline-block";
                document.getElementById(
                  "interestmapping4_m_status_progress"
                ).style.display = "inline-block";

                //...Map Mobile - Path
                document.getElementById("path_m_3-anim").style.visibility =
                  "visible";

                // 4. interestMapping activity - Completed
                if (activitiesCompleted.includes("interestMapping")) {
                  //...Map Mobile
                  document.getElementById(
                    "interestmapping4_m_on"
                  ).style.visibility = "visible";
                  document.getElementById(
                    "interestmapping4_m_off"
                  ).style.visibility = "hidden";
                  document.getElementById(
                    "interestmapping4_m_progress"
                  ).style.visibility = "hidden";

                  //...Map Mobile
                  document.getElementById(
                    "interestmapping4_m_on"
                  ).style.visibility = "visible";
                  document.getElementById(
                    "interestmapping4_m_off"
                  ).style.visibility = "hidden";
                  document.getElementById(
                    "interestmapping4_m_progress"
                  ).style.visibility = "hidden";

                  //...Map Mobile - Status
                  hideMobileStatusIcons();

                  document.getElementById(
                    "valueyoubring2_m_status_on"
                  ).style.display = "inline-block";
                  document.getElementById(
                    "sharingstrengths3_m_status_on"
                  ).style.display = "inline-block";
                  document.getElementById(
                    "interestmapping4_m_status_on"
                  ).style.display = "inline-block";

                  //...Map Next Button
                  $(" #curiositywalkabout5_m_off").click(function () {
                    document.getElementById(
                      "preview-cards-mobile"
                    ).style.display = "none";
                    window.open(
                      "https://www.purposeproject.org/toolbox/activities/curiosity-walkabout",
                      "_self"
                    );
                  });
                  document
                    .getElementById("curiositywalkabout5_m_off")
                    .classList.remove("jmapbtn-m-off");
                  document
                    .getElementById("curiositywalkabout5_m_off")
                    .classList.add("jmapbtn-next-off");

                  //.........
                  // 5. curiosityWalkabout activity - In Progress
                  if (activitiesIsInprogress.includes("curiosityWalkabout")) {
                    //...Map Mobile
                    document.getElementById(
                      "curiositywalkabout5_m_on"
                    ).style.visibility = "hidden";
                    document.getElementById(
                      "curiositywalkabout5_m_off"
                    ).style.visibility = "hidden";
                    document.getElementById(
                      "curiositywalkabout5_m_progress"
                    ).style.visibility = "visible";

                    //...Map Mobile - Status
                    hideMobileStatusIcons();

                    document.getElementById("group2_m_status").style.display =
                      "none";
                    document.getElementById("group3_m_status").style.display =
                      "block";

                    document.getElementById(
                      "current-map-status-txt"
                    ).textContent = "LOOKING OUT";
                    document.getElementById(
                      "curiositywalkabout5_m_status_progress"
                    ).style.display = "inline-block";
                    document.getElementById(
                      "journeymapping6_m_status_off"
                    ).style.display = "inline-block";
                    document.getElementById(
                      "inspirationaudit7_m_status_off"
                    ).style.display = "inline-block";

                    //...Map Mobile - Path
                    document.getElementById("path_m_4-anim").style.visibility =
                      "visible";

                    // 5. curiosityWalkabout activity - Completed
                    if (activitiesCompleted.includes("curiosityWalkabout")) {
                      //...Map Mobile
                      document.getElementById(
                        "curiositywalkabout5_m_on"
                      ).style.visibility = "visible";
                      document.getElementById(
                        "curiositywalkabout5_m_off"
                      ).style.visibility = "hidden";
                      document.getElementById(
                        "curiositywalkabout5_m_progress"
                      ).style.visibility = "hidden";

                      //...Map Mobile - Status
                      hideMobileStatusIcons();

                      document.getElementById(
                        "curiositywalkabout5_m_status_on"
                      ).style.display = "inline-block";
                      document.getElementById(
                        "journeymapping6_m_status_off"
                      ).style.display = "inline-block";
                      document.getElementById(
                        "inspirationaudit7_m_status_off"
                      ).style.display = "inline-block";

                      //...Map Next Button
                      $(" #journeymapping6_m_off").click(function () {
                        document.getElementById(
                          "preview-cards-mobile"
                        ).style.display = "none";
                        window.open(
                          "https://www.purposeproject.org/toolbox/activities/journey-mapping",
                          "_self"
                        );
                      });
                      document
                        .getElementById("journeymapping6_m_off")
                        .classList.remove("jmapbtn-m-off");
                      document
                        .getElementById("journeymapping6_m_off")
                        .classList.add("jmapbtn-next-off");

                      //.........
                      // 6. journeyMapping activity - In Progress
                      if (activitiesIsInprogress.includes("journeyMapping")) {
                        //...Map Mobile
                        document.getElementById(
                          "journeymapping6_m_on"
                        ).style.visibility = "hidden";
                        document.getElementById(
                          "journeymapping6_m_off"
                        ).style.visibility = "hidden";
                        document.getElementById(
                          "journeymapping6_m_progress"
                        ).style.visibility = "visible";

                        //...Map Mobile - Status
                        hideMobileStatusIcons();

                        document.getElementById(
                          "curiositywalkabout5_m_status_on"
                        ).style.display = "inline-block";
                        document.getElementById(
                          "journeymapping6_m_status_progress"
                        ).style.display = "inline-block";
                        document.getElementById(
                          "inspirationaudit7_m_status_off"
                        ).style.display = "inline-block";

                        //...Map Mobile - Path
                        document.getElementById(
                          "path_m_5-anim"
                        ).style.visibility = "visible";

                        // 6. journeyMapping activity - Completed
                        if (activitiesCompleted.includes("journeyMapping")) {
                          //...Map Mobile
                          document.getElementById(
                            "journeymapping6_m_on"
                          ).style.visibility = "visible";
                          document.getElementById(
                            "journeymapping6_m_off"
                          ).style.visibility = "hidden";
                          document.getElementById(
                            "journeymapping6_m_progress"
                          ).style.visibility = "hidden";

                          //...Map Mobile - Status
                          hideMobileStatusIcons();

                          document.getElementById(
                            "curiositywalkabout5_m_status_on"
                          ).style.display = "inline-block";
                          document.getElementById(
                            "journeymapping6_m_status_on"
                          ).style.display = "inline-block";
                          document.getElementById(
                            "inspirationaudit7_m_status_off"
                          ).style.display = "inline-block";

                          //...Map Next Button
                          $(" #inspirationaudit7_m_off").click(function () {
                            document.getElementById(
                              "preview-cards-mobile"
                            ).style.display = "none";
                            window.open(
                              "https://www.purposeproject.org/toolbox/activities/inspiration-audit",
                              "_self"
                            );
                          });
                          document
                            .getElementById("inspirationaudit7_m_off")
                            .classList.remove("jmapbtn-m-off");
                          document
                            .getElementById("inspirationaudit7_m_off")
                            .classList.add("jmapbtn-next-off");

                          //.........
                          // 7. inspirationAudit activity - In Progress
                          if (
                            activitiesIsInprogress.includes("inspirationAudit")
                          ) {
                            //...Map Mobile
                            document.getElementById(
                              "inspirationaudit7_m_on"
                            ).style.visibility = "hidden";
                            document.getElementById(
                              "inspirationaudit7_m_off"
                            ).style.visibility = "hidden";
                            document.getElementById(
                              "inspirationaudit7_m_progress"
                            ).style.visibility = "visible";

                            //...Map Mobile - Status
                            hideMobileStatusIcons();

                            document.getElementById(
                              "curiositywalkabout5_m_status_on"
                            ).style.display = "inline-block";
                            document.getElementById(
                              "journeymapping6_m_status_on"
                            ).style.display = "inline-block";
                            document.getElementById(
                              "inspirationaudit7_m_status_progress"
                            ).style.display = "inline-block";

                            //...Map Mobile - Path
                            document.getElementById(
                              "path_m_6-anim"
                            ).style.visibility = "visible";

                            // 7. inspirationAudit activity - Completed
                            if (
                              activitiesCompleted.includes("inspirationAudit")
                            ) {
                              //...Map Mobile
                              document.getElementById(
                                "inspirationaudit7_m_on"
                              ).style.visibility = "visible";
                              document.getElementById(
                                "inspirationaudit7_m_off"
                              ).style.visibility = "hidden";
                              document.getElementById(
                                "inspirationaudit7_m_progress"
                              ).style.visibility = "hidden";

                              //...Map Mobile - Status
                              hideMobileStatusIcons();

                              document.getElementById(
                                "curiositywalkabout5_m_status_on"
                              ).style.display = "inline-block";
                              document.getElementById(
                                "journeymapping6_m_status_on"
                              ).style.display = "inline-block";
                              document.getElementById(
                                "inspirationaudit7_m_status_on"
                              ).style.display = "inline-block";

                              //...Map Next Button
                              $(" #shapingself8_m_off").click(function () {
                                document.getElementById(
                                  "preview-cards-mobile"
                                ).style.display = "none";
                                window.open(
                                  "https://www.purposeproject.org/toolbox/activities/shaping-self",
                                  "_self"
                                );
                              });
                              document
                                .getElementById("shapingself8_m_off")
                                .classList.remove("jmapbtn-m-off");
                              document
                                .getElementById("shapingself8_m_off")
                                .classList.add("jmapbtn-next-off");

                              //.........
                              // 8. shapingSelf activity - In Progress
                              if (
                                activitiesIsInprogress.includes("shapingSelf")
                              ) {
                                //...Map Mobile
                                document.getElementById(
                                  "shapingself8_m_on"
                                ).style.visibility = "hidden";
                                document.getElementById(
                                  "shapingself8_m_off"
                                ).style.visibility = "hidden";
                                document.getElementById(
                                  "shapingself8_m_progress"
                                ).style.visibility = "visible";

                                //...Map Mobile - Status
                                hideMobileStatusIcons();

                                document.getElementById(
                                  "group3_m_status"
                                ).style.display = "none";
                                document.getElementById(
                                  "group4_m_status"
                                ).style.display = "block";

                                document.getElementById(
                                  "current-map-status-txt"
                                ).textContent = "MAKING SENSE";
                                document.getElementById(
                                  "shapingself8_m_status_progress"
                                ).style.display = "inline-block";
                                document.getElementById(
                                  "findingfocus9_m_status_off"
                                ).style.display = "inline-block";

                                //...Map Mobile - Path
                                document.getElementById(
                                  "path_m_7-anim"
                                ).style.visibility = "visible";

                                // 8. shapingSelf activity - Completed
                                if (
                                  activitiesCompleted.includes("shapingSelf")
                                ) {
                                  //...Map Mobile
                                  document.getElementById(
                                    "shapingself8_m_on"
                                  ).style.visibility = "visible";
                                  document.getElementById(
                                    "shapingself8_m_off"
                                  ).style.visibility = "hidden";
                                  document.getElementById(
                                    "shapingself8_m_progress"
                                  ).style.visibility = "hidden";

                                  //...Map Mobile - Status
                                  hideMobileStatusIcons();

                                  document.getElementById(
                                    "shapingself8_m_status_on"
                                  ).style.display = "inline-block";
                                  document.getElementById(
                                    "findingfocus9_m_status_off"
                                  ).style.display = "inline-block";

                                  //...Map Next Button
                                  $(" #findingfocus9_m_off").click(function () {
                                    document.getElementById(
                                      "preview-cards-mobile"
                                    ).style.display = "none";
                                    window.open(
                                      "https://www.purposeproject.org/toolbox/activities/finding-focus",
                                      "_self"
                                    );
                                  });
                                  document
                                    .getElementById("findingfocus9_m_off")
                                    .classList.remove("jmapbtn-m-off");
                                  document
                                    .getElementById("findingfocus9_m_off")
                                    .classList.add("jmapbtn-next-off");

                                  //.........
                                  // 9. findingFocus activity - In Progress
                                  if (
                                    activitiesIsInprogress.includes(
                                      "findingFocus"
                                    )
                                  ) {
                                    //...Map Mobile
                                    document.getElementById(
                                      "findingfocus9_m_on"
                                    ).style.visibility = "hidden";
                                    document.getElementById(
                                      "findingfocus9_m_off"
                                    ).style.visibility = "hidden";
                                    document.getElementById(
                                      "findingfocus9_m_progress"
                                    ).style.visibility = "visible";

                                    //...Map Mobile - Status
                                    hideMobileStatusIcons();
                                    document.getElementById(
                                      "shapingself8_m_status_on"
                                    ).style.display = "inline-block";
                                    document.getElementById(
                                      "findingfocus9_m_status_progress"
                                    ).style.display = "inline-block";

                                    //...Map Mobile - Path
                                    document.getElementById(
                                      "path_m_8-anim"
                                    ).style.visibility = "visible";

                                    // 9. findingFocus activity - Completed
                                    if (
                                      activitiesCompleted.includes(
                                        "findingFocus"
                                      )
                                    ) {
                                      //...Map Mobile
                                      document.getElementById(
                                        "findingfocus9_m_on"
                                      ).style.visibility = "visible";
                                      document.getElementById(
                                        "findingfocus9_m_off"
                                      ).style.visibility = "hidden";
                                      document.getElementById(
                                        "findingfocus9_m_progress"
                                      ).style.visibility = "hidden";

                                      //...Map Mobile - Status
                                      hideMobileStatusIcons();
                                      document.getElementById(
                                        "shapingself8_m_status_on"
                                      ).style.display = "inline-block";
                                      document.getElementById(
                                        "findingfocus9_m_status_on"
                                      ).style.display = "inline-block";

                                      //...Map Next Button
                                      $(" #goodquestions10_m_off").click(
                                        function () {
                                          document.getElementById(
                                            "preview-cards-mobile"
                                          ).style.display = "none";
                                          window.open(
                                            "https://www.purposeproject.org/toolbox/activities/good-questions",
                                            "_self"
                                          );
                                        }
                                      );
                                      document
                                        .getElementById("goodquestions10_m_off")
                                        .classList.remove("jmapbtn-m-off");
                                      document
                                        .getElementById("goodquestions10_m_off")
                                        .classList.add("jmapbtn-next-off");

                                      //.........
                                      // 10. goodQuestions activity - In Progress
                                      if (
                                        activitiesIsInprogress.includes(
                                          "goodQuestions"
                                        )
                                      ) {
                                        //...Map Mobile
                                        document.getElementById(
                                          "goodquestions10_m_on"
                                        ).style.visibility = "hidden";
                                        document.getElementById(
                                          "goodquestions10_m_off"
                                        ).style.visibility = "hidden";
                                        document.getElementById(
                                          "goodquestions10_m_progress"
                                        ).style.visibility = "visible";

                                        //...Map Mobile - Status
                                        hideMobileStatusIcons();

                                        document.getElementById(
                                          "group4_m_status"
                                        ).style.display = "none";
                                        document.getElementById(
                                          "group5_m_status"
                                        ).style.display = "block";

                                        document.getElementById(
                                          "current-map-status-txt"
                                        ).textContent = "EXPLORING IDEAS";
                                        document.getElementById(
                                          "goodquestions10_m_status_progress"
                                        ).style.display = "inline-block";
                                        document.getElementById(
                                          "interestInspiration11_m_status_off"
                                        ).style.display = "inline-block";

                                        //...Map Mobile - Path
                                        document.getElementById(
                                          "path_m_9-anim"
                                        ).style.visibility = "visible";

                                        // 10. goodQuestions activity - Completed
                                        if (
                                          activitiesCompleted.includes(
                                            "goodQuestions"
                                          )
                                        ) {
                                          //...Map Mobile
                                          document.getElementById(
                                            "goodquestions10_m_on"
                                          ).style.visibility = "visible";
                                          document.getElementById(
                                            "goodquestions10_m_off"
                                          ).style.visibility = "hidden";
                                          document.getElementById(
                                            "goodquestions10_m_progress"
                                          ).style.visibility = "hidden";

                                          //...Map Mobile - Status
                                          hideMobileStatusIcons();
                                          document.getElementById(
                                            "goodquestions10_m_status_on"
                                          ).style.display = "inline-block";
                                          document.getElementById(
                                            "interestInspiration11_m_status_off"
                                          ).style.display = "inline-block";

                                          //...Map Next Button
                                          $(
                                            " #interestInspiration11_m_off"
                                          ).click(function () {
                                            document.getElementById(
                                              "preview-cards-mobile"
                                            ).style.display = "none";
                                            window.open(
                                              "https://www.purposeproject.org/toolbox/activities/interest-inspiration",
                                              "_self"
                                            );
                                          });
                                          document
                                            .getElementById(
                                              "interestInspiration11_m_off"
                                            )
                                            .classList.remove("jmapbtn-m-off");
                                          document
                                            .getElementById(
                                              "interestInspiration11_m_off"
                                            )
                                            .classList.add("jmapbtn-next-off");

                                          //.........
                                          // 11. interestInspiration activity - In Progress
                                          if (
                                            activitiesIsInprogress.includes(
                                              "interestInspiration"
                                            )
                                          ) {
                                            //...Map Mobile
                                            document.getElementById(
                                              "interestInspiration11_m_on"
                                            ).style.visibility = "hidden";
                                            document.getElementById(
                                              "interestInspiration11_m_off"
                                            ).style.visibility = "hidden";
                                            document.getElementById(
                                              "interestInspiration11_m_progress"
                                            ).style.visibility = "visible";

                                            //...Map Mobile - Status
                                            hideMobileStatusIcons();
                                            document.getElementById(
                                              "goodquestions10_m_status_on"
                                            ).style.display = "inline-block";
                                            document.getElementById(
                                              "interestInspiration11_m_status_progress"
                                            ).style.display = "inline-block";

                                            //...Map Mobile - Path
                                            document.getElementById(
                                              "path_m_10-anim"
                                            ).style.visibility = "visible";

                                            // 11. interestInspiration activity - Completed
                                            if (
                                              activitiesCompleted.includes(
                                                "interestInspiration"
                                              )
                                            ) {
                                              //...Map Mobile
                                              document.getElementById(
                                                "interestInspiration11_m_on"
                                              ).style.visibility = "visible";
                                              document.getElementById(
                                                "interestInspiration11_m_off"
                                              ).style.visibility = "hidden";
                                              document.getElementById(
                                                "interestInspiration11_m_progress"
                                              ).style.visibility = "hidden";

                                              //...Map Mobile - Status
                                              hideMobileStatusIcons();
                                              document.getElementById(
                                                "goodquestions10_m_status_on"
                                              ).style.display = "inline-block";
                                              document.getElementById(
                                                "interestInspiration11_m_status_on"
                                              ).style.display = "inline-block";

                                              //...Map Next Button
                                              $(
                                                " #projectplanning12_m_off"
                                              ).click(function () {
                                                document.getElementById(
                                                  "preview-cards-mobile"
                                                ).style.display = "none";
                                                window.open(
                                                  "https://www.purposeproject.org/toolbox/activities/project-planning",
                                                  "_self"
                                                );
                                              });
                                              document
                                                .getElementById(
                                                  "projectplanning12_m_off"
                                                )
                                                .classList.remove(
                                                  "jmapbtn-m-off"
                                                );
                                              document
                                                .getElementById(
                                                  "projectplanning12_m_off"
                                                )
                                                .classList.add(
                                                  "jmapbtn-next-off"
                                                );

                                              //.........
                                              // 12. projectPlanning activity - In Progress
                                              if (
                                                activitiesIsInprogress.includes(
                                                  "projectPlanning"
                                                )
                                              ) {
                                                //...Map Mobile
                                                document.getElementById(
                                                  "projectplanning12_m_on"
                                                ).style.visibility = "hidden";
                                                document.getElementById(
                                                  "projectplanning12_m_off"
                                                ).style.visibility = "hidden";
                                                document.getElementById(
                                                  "projectplanning12_m_progress"
                                                ).style.visibility = "visible";

                                                //...Map Mobile - Status
                                                hideMobileStatusIcons();

                                                document.getElementById(
                                                  "group5_m_status"
                                                ).style.display = "none";
                                                document.getElementById(
                                                  "group6_m_status"
                                                ).style.display = "block";

                                                document.getElementById(
                                                  "current-map-status-txt"
                                                ).textContent = "TAKING ACTION";
                                                document.getElementById(
                                                  "projectplanning12_m_status_progress"
                                                ).style.display =
                                                  "inline-block";
                                                document.getElementById(
                                                  "motivationmoments13_m_status_off"
                                                ).style.display =
                                                  "inline-block";

                                                //...Map Mobile - Path
                                                document.getElementById(
                                                  "path_m_11-anim"
                                                ).style.visibility = "visible";

                                                // 12. projectPlanning activity - Completed
                                                if (
                                                  activitiesCompleted.includes(
                                                    "projectPlanning"
                                                  )
                                                ) {
                                                  //...Map Mobile
                                                  document.getElementById(
                                                    "projectplanning12_m_on"
                                                  ).style.visibility =
                                                    "visible";
                                                  document.getElementById(
                                                    "projectplanning12_m_off"
                                                  ).style.visibility = "hidden";
                                                  document.getElementById(
                                                    "projectplanning12_m_progress"
                                                  ).style.visibility = "hidden";

                                                  //...Map Mobile - Status
                                                  hideMobileStatusIcons();
                                                  document.getElementById(
                                                    "projectplanning12_m_status_on"
                                                  ).style.display =
                                                    "inline-block";
                                                  document.getElementById(
                                                    "motivationmoments13_m_status_off"
                                                  ).style.display =
                                                    "inline-block";

                                                  //...Map Next Button
                                                  $(
                                                    " #motivationmoments13_m_off"
                                                  ).click(function () {
                                                    document.getElementById(
                                                      "preview-cards-mobile"
                                                    ).style.display = "none";
                                                    window.open(
                                                      "https://www.purposeproject.org/toolbox/activities/motivation-moments",
                                                      "_self"
                                                    );
                                                  });
                                                  document
                                                    .getElementById(
                                                      "motivationmoments13_m_off"
                                                    )
                                                    .classList.remove(
                                                      "jmapbtn-m-off"
                                                    );
                                                  document
                                                    .getElementById(
                                                      "motivationmoments13_m_off"
                                                    )
                                                    .classList.add(
                                                      "jmapbtn-next-off"
                                                    );

                                                  //.........///
                                                  // 13. motivationMoments activity - In Progress
                                                  if (
                                                    activitiesIsInprogress.includes(
                                                      "motivationMoments"
                                                    )
                                                  ) {
                                                    //...Map Mobile
                                                    document.getElementById(
                                                      "motivationmoments13_m_on"
                                                    ).style.visibility =
                                                      "hidden";
                                                    document.getElementById(
                                                      "motivationmoments13_m_off"
                                                    ).style.visibility =
                                                      "hidden";
                                                    document.getElementById(
                                                      "motivationmoments13_m_progress"
                                                    ).style.visibility =
                                                      "visible";

                                                    //...Map Mobile - Status
                                                    hideMobileStatusIcons();
                                                    document.getElementById(
                                                      "projectplanning12_m_status_on"
                                                    ).style.display =
                                                      "inline-block";
                                                    document.getElementById(
                                                      "motivationmoments13_m_status_progress"
                                                    ).style.display =
                                                      "inline-block";

                                                    //...Map Mobile - Path
                                                    document.getElementById(
                                                      "path_m_12-anim"
                                                    ).style.visibility =
                                                      "visible";

                                                    // 13. motivationMoments activity - Completed
                                                    if (
                                                      activitiesCompleted.includes(
                                                        "motivationMoments"
                                                      )
                                                    ) {
                                                      //...Map Mobile
                                                      document.getElementById(
                                                        "motivationmoments13_m_on"
                                                      ).style.visibility =
                                                        "visible";
                                                      document.getElementById(
                                                        "motivationmoments13_m_off"
                                                      ).style.visibility =
                                                        "hidden";
                                                      document.getElementById(
                                                        "motivationmoments13_m_progress"
                                                      ).style.visibility =
                                                        "hidden";

                                                      //...Map Mobile - Status
                                                      hideMobileStatusIcons();
                                                      document.getElementById(
                                                        "projectplanning12_m_status_on"
                                                      ).style.display =
                                                        "inline-block";
                                                      document.getElementById(
                                                        "motivationmoments13_m_status_on"
                                                      ).style.display =
                                                        "inline-block";

                                                      //...Map Next Button
                                                      $(
                                                        " #freshperspectives14_m_off"
                                                      ).click(function () {
                                                        document.getElementById(
                                                          "preview-cards-mobile"
                                                        ).style.display =
                                                          "none";
                                                        window.open(
                                                          "https://www.purposeproject.org/toolbox/activities/fresh-perspectives",
                                                          "_self"
                                                        );
                                                      });
                                                      document
                                                        .getElementById(
                                                          "freshperspectives14_m_off"
                                                        )
                                                        .classList.remove(
                                                          "jmapbtn-m-off"
                                                        );
                                                      document
                                                        .getElementById(
                                                          "freshperspectives14_m_off"
                                                        )
                                                        .classList.add(
                                                          "jmapbtn-next-off"
                                                        );

                                                      //.........
                                                      // 14. freshPerspectives activity - In Progress
                                                      if (
                                                        activitiesIsInprogress.includes(
                                                          "freshPerspectives"
                                                        )
                                                      ) {
                                                        //...Map Mobile
                                                        document.getElementById(
                                                          "freshperspectives14_m_on"
                                                        ).style.visibility =
                                                          "hidden";
                                                        document.getElementById(
                                                          "freshperspectives14_m_off"
                                                        ).style.visibility =
                                                          "hidden";
                                                        document.getElementById(
                                                          "freshperspectives14_m_progress"
                                                        ).style.visibility =
                                                          "visible";

                                                        //...Map Mobile - Status
                                                        hideMobileStatusIcons();

                                                        document.getElementById(
                                                          "group6_m_status"
                                                        ).style.display =
                                                          "none";
                                                        document.getElementById(
                                                          "group7_m_status"
                                                        ).style.display =
                                                          "block";
                                                        document.getElementById(
                                                          "current-map-status-txt"
                                                        ).textContent =
                                                          "REFRAMING IDEAS";
                                                        document.getElementById(
                                                          "freshperspectives14_m_status_progress"
                                                        ).style.display =
                                                          "inline-block";
                                                        document.getElementById(
                                                          "learningtoadapt15_m_status_off"
                                                        ).style.display =
                                                          "inline-block";

                                                        //...Map Mobile - Path
                                                        document.getElementById(
                                                          "path_m_13-anim"
                                                        ).style.visibility =
                                                          "visible";

                                                        // 14. freshPerspectives activity - Completed
                                                        if (
                                                          activitiesCompleted.includes(
                                                            "freshPerspectives"
                                                          )
                                                        ) {
                                                          //...Map Mobile
                                                          document.getElementById(
                                                            "freshperspectives14_m_on"
                                                          ).style.visibility =
                                                            "visible";
                                                          document.getElementById(
                                                            "freshperspectives14_m_off"
                                                          ).style.visibility =
                                                            "hidden";
                                                          document.getElementById(
                                                            "freshperspectives14_m_progress"
                                                          ).style.visibility =
                                                            "hidden";

                                                          //...Map Mobile - Status
                                                          hideMobileStatusIcons();

                                                          document.getElementById(
                                                            "freshperspectives14_m_status_on"
                                                          ).style.display =
                                                            "inline-block";
                                                          document.getElementById(
                                                            "learningtoadapt15_m_status_off"
                                                          ).style.display =
                                                            "inline-block";

                                                          //...Map Next Button
                                                          $(
                                                            "#learningtoadapt15_m_off"
                                                          ).click(function () {
                                                            document.getElementById(
                                                              "preview-cards-mobile"
                                                            ).style.display =
                                                              "none";
                                                            window.open(
                                                              "https://www.purposeproject.org/toolbox/activities/learning-to-adapt",
                                                              "_self"
                                                            );
                                                          });
                                                          document
                                                            .getElementById(
                                                              "learningtoadapt15_m_off"
                                                            )
                                                            .classList.remove(
                                                              "jmapbtn-m-off"
                                                            );
                                                          document
                                                            .getElementById(
                                                              "learningtoadapt15_m_off"
                                                            )
                                                            .classList.add(
                                                              "jmapbtn-next-off"
                                                            );

                                                          //.........
                                                          // 15. learningToAdapt activity - In Progress
                                                          if (
                                                            activitiesIsInprogress.includes(
                                                              "learningToAdapt"
                                                            )
                                                          ) {
                                                            //...Map Mobile
                                                            document.getElementById(
                                                              "learningtoadapt15_m_on"
                                                            ).style.visibility =
                                                              "hidden";
                                                            document.getElementById(
                                                              "learningtoadapt15_m_off"
                                                            ).style.visibility =
                                                              "hidden";
                                                            document.getElementById(
                                                              "learningtoadapt15_m_progress"
                                                            ).style.visibility =
                                                              "visible";

                                                            //...Map Mobile - Status
                                                            hideMobileStatusIcons();

                                                            document.getElementById(
                                                              "freshperspectives14_m_status_on"
                                                            ).style.display =
                                                              "inline-block";
                                                            document.getElementById(
                                                              "learningtoadapt15_m_status_progress"
                                                            ).style.display =
                                                              "inline-block";

                                                            //...Map Mobile - Path
                                                            document.getElementById(
                                                              "path_m_14-anim"
                                                            ).style.visibility =
                                                              "visible";

                                                            // 15. learningToAdapt activity - Completed
                                                            if (
                                                              activitiesCompleted.includes(
                                                                "learningToAdapt"
                                                              )
                                                            ) {
                                                              //...Map Mobile
                                                              document.getElementById(
                                                                "learningtoadapt15_m_on"
                                                              ).style.visibility =
                                                                "visible";
                                                              document.getElementById(
                                                                "learningtoadapt15_m_off"
                                                              ).style.visibility =
                                                                "hidden";
                                                              document.getElementById(
                                                                "learningtoadapt15_m_progress"
                                                              ).style.visibility =
                                                                "hidden";

                                                              //...Map Mobile - Status
                                                              hideMobileStatusIcons();

                                                              document.getElementById(
                                                                "freshperspectives14_m_status_on"
                                                              ).style.display =
                                                                "inline-block";
                                                              document.getElementById(
                                                                "learningtoadapt15_m_status_on"
                                                              ).style.display =
                                                                "inline-block";

                                                              //...Map Next Button
                                                              $(
                                                                "#designingimpact16_m_off"
                                                              ).click(
                                                                function () {
                                                                  document.getElementById(
                                                                    "preview-cards-mobile"
                                                                  ).style.display =
                                                                    "none";
                                                                  window.open(
                                                                    "https://www.purposeproject.org/toolbox/activities/designing-impact",
                                                                    "_self"
                                                                  );
                                                                }
                                                              );
                                                              document
                                                                .getElementById(
                                                                  "designingimpact16_m_off"
                                                                )
                                                                .classList.remove(
                                                                  "jmapbtn-m-off"
                                                                );
                                                              document
                                                                .getElementById(
                                                                  "designingimpact16_m_off"
                                                                )
                                                                .classList.add(
                                                                  "jmapbtn-next-off"
                                                                );

                                                              //.........
                                                              // 16. designingImpact activity - In Progress
                                                              if (
                                                                activitiesIsInprogress.includes(
                                                                  "designingImpact"
                                                                )
                                                              ) {
                                                                //...Map Mobile
                                                                document.getElementById(
                                                                  "designingimpact16_m_on"
                                                                ).style.visibility =
                                                                  "hidden";
                                                                document.getElementById(
                                                                  "designingimpact16_m_off"
                                                                ).style.visibility =
                                                                  "hidden";
                                                                document.getElementById(
                                                                  "designingimpact16_m_progress"
                                                                ).style.visibility =
                                                                  "visible";

                                                                //...Map Mobile - Status
                                                                hideMobileStatusIcons();

                                                                document.getElementById(
                                                                  "group7_m_status"
                                                                ).style.display =
                                                                  "none";
                                                                document.getElementById(
                                                                  "group8_m_status"
                                                                ).style.display =
                                                                  "block";

                                                                document.getElementById(
                                                                  "current-map-status-txt"
                                                                ).textContent =
                                                                  "CREATING IMPACT";
                                                                document.getElementById(
                                                                  "designingimpact16_m_status_progress"
                                                                ).style.display =
                                                                  "inline-block";
                                                                document.getElementById(
                                                                  "growingyourimpact17_m_status_off"
                                                                ).style.display =
                                                                  "inline-block";
                                                                document.getElementById(
                                                                  "buildingyourteam18_m_status_off"
                                                                ).style.display =
                                                                  "inline-block";

                                                                //...Map Mobile - Path
                                                                document.getElementById(
                                                                  "path_m_15-anim"
                                                                ).style.visibility =
                                                                  "visible";

                                                                // 16. designingImpact activity - Completed
                                                                if (
                                                                  activitiesCompleted.includes(
                                                                    "designingImpact"
                                                                  )
                                                                ) {
                                                                  //...Map Mobile
                                                                  document.getElementById(
                                                                    "designingimpact16_m_on"
                                                                  ).style.visibility =
                                                                    "visible";
                                                                  document.getElementById(
                                                                    "designingimpact16_m_off"
                                                                  ).style.visibility =
                                                                    "hidden";
                                                                  document.getElementById(
                                                                    "designingimpact16_m_progress"
                                                                  ).style.visibility =
                                                                    "hidden";

                                                                  //...Map Mobile - Status
                                                                  hideMobileStatusIcons();
                                                                  document.getElementById(
                                                                    "designingimpact16_m_status_on"
                                                                  ).style.display =
                                                                    "inline-block";
                                                                  document.getElementById(
                                                                    "growingyourimpact17_m_status_off"
                                                                  ).style.display =
                                                                    "inline-block";
                                                                  document.getElementById(
                                                                    "buildingyourteam18_m_status_off"
                                                                  ).style.display =
                                                                    "inline-block";

                                                                  //...Map Next Button
                                                                  $(
                                                                    "#growingyourimpact17_m_off"
                                                                  ).click(
                                                                    function () {
                                                                      document.getElementById(
                                                                        "preview-cards-mobile"
                                                                      ).style.display =
                                                                        "none";
                                                                      window.open(
                                                                        "https://www.purposeproject.org/toolbox/activities/growing-your-impact",
                                                                        "_self"
                                                                      );
                                                                    }
                                                                  );
                                                                  document
                                                                    .getElementById(
                                                                      "growingyourimpact17_m_off"
                                                                    )
                                                                    .classList.remove(
                                                                      "jmapbtn-m-off"
                                                                    );
                                                                  document
                                                                    .getElementById(
                                                                      "growingyourimpact17_m_off"
                                                                    )
                                                                    .classList.add(
                                                                      "jmapbtn-next-off"
                                                                    );

                                                                  //.........
                                                                  // 17. growingYourImpact activity - In Progress
                                                                  if (
                                                                    activitiesIsInprogress.includes(
                                                                      "growingYourImpact"
                                                                    )
                                                                  ) {
                                                                    //...Map Mobile
                                                                    document.getElementById(
                                                                      "growingyourimpact17_m_on"
                                                                    ).style.visibility =
                                                                      "hidden";
                                                                    document.getElementById(
                                                                      "growingyourimpact17_m_off"
                                                                    ).style.visibility =
                                                                      "hidden";
                                                                    document.getElementById(
                                                                      "growingyourimpact17_m_progress"
                                                                    ).style.visibility =
                                                                      "visible";

                                                                    //...Map Mobile - Status
                                                                    hideMobileStatusIcons();
                                                                    document.getElementById(
                                                                      "designingimpact16_m_status_on"
                                                                    ).style.display =
                                                                      "inline-block";
                                                                    document.getElementById(
                                                                      "growingyourimpact17_m_status_progress"
                                                                    ).style.display =
                                                                      "inline-block";
                                                                    document.getElementById(
                                                                      "buildingyourteam18_m_status_off"
                                                                    ).style.display =
                                                                      "inline-block";

                                                                    //...Map Mobile - Path
                                                                    document.getElementById(
                                                                      "path_m_16-anim"
                                                                    ).style.visibility =
                                                                      "visible";

                                                                    // 17. growingYourImpact activity - Completed
                                                                    if (
                                                                      activitiesCompleted.includes(
                                                                        "growingYourImpact"
                                                                      )
                                                                    ) {
                                                                      //...Map Mobile
                                                                      document.getElementById(
                                                                        "growingyourimpact17_m_on"
                                                                      ).style.visibility =
                                                                        "visible";
                                                                      document.getElementById(
                                                                        "growingyourimpact17_m_off"
                                                                      ).style.visibility =
                                                                        "hidden";
                                                                      document.getElementById(
                                                                        "growingyourimpact17_m_progress"
                                                                      ).style.visibility =
                                                                        "hidden";

                                                                      //...Map Mobile - Status
                                                                      hideMobileStatusIcons();
                                                                      document.getElementById(
                                                                        "designingimpact16_m_status_on"
                                                                      ).style.display =
                                                                        "inline-block";
                                                                      document.getElementById(
                                                                        "growingyourimpact17_m_status_on"
                                                                      ).style.display =
                                                                        "inline-block";
                                                                      document.getElementById(
                                                                        "buildingyourteam18_m_status_off"
                                                                      ).style.display =
                                                                        "inline-block";

                                                                      //...Map Next Button
                                                                      $(
                                                                        "#buildingyourteam18_m_off"
                                                                      ).click(
                                                                        function () {
                                                                          document.getElementById(
                                                                            "preview-cards-mobile"
                                                                          ).style.display =
                                                                            "none";
                                                                          window.open(
                                                                            "https://www.purposeproject.org/toolbox/activities/building-your-team",
                                                                            "_self"
                                                                          );
                                                                        }
                                                                      );
                                                                      document
                                                                        .getElementById(
                                                                          "buildingyourteam18_m_off"
                                                                        )
                                                                        .classList.remove(
                                                                          "jmapbtn-m-off"
                                                                        );
                                                                      document
                                                                        .getElementById(
                                                                          "buildingyourteam18_m_off"
                                                                        )
                                                                        .classList.add(
                                                                          "jmapbtn-next-off"
                                                                        );

                                                                      //.........
                                                                      // 18. buildingYourTeam activity - In Progress
                                                                      if (
                                                                        activitiesIsInprogress.includes(
                                                                          "buildingYourTeam"
                                                                        )
                                                                      ) {
                                                                        //...Map Mobile
                                                                        document.getElementById(
                                                                          "buildingyourteam18_m_on"
                                                                        ).style.visibility =
                                                                          "hidden";
                                                                        document.getElementById(
                                                                          "buildingyourteam18_m_off"
                                                                        ).style.visibility =
                                                                          "hidden";
                                                                        document.getElementById(
                                                                          "buildingyourteam18_m_progress"
                                                                        ).style.visibility =
                                                                          "visible";

                                                                        //...Map Mobile - Status
                                                                        hideMobileStatusIcons();
                                                                        document.getElementById(
                                                                          "designingimpact16_m_status_on"
                                                                        ).style.display =
                                                                          "inline-block";
                                                                        document.getElementById(
                                                                          "growingyourimpact17_m_status_on"
                                                                        ).style.display =
                                                                          "inline-block";
                                                                        document.getElementById(
                                                                          "buildingyourteam18_m_status_progress"
                                                                        ).style.display =
                                                                          "inline-block";

                                                                        //...Map Mobile - Path
                                                                        document.getElementById(
                                                                          "path_m_17-anim"
                                                                        ).style.visibility =
                                                                          "visible";

                                                                        // 18. buildingYourTeam activity - Completed
                                                                        if (
                                                                          activitiesCompleted.includes(
                                                                            "buildingYourTeam"
                                                                          )
                                                                        ) {
                                                                          //...Map Mobile
                                                                          document.getElementById(
                                                                            "buildingyourteam18_m_on"
                                                                          ).style.visibility =
                                                                            "visible";
                                                                          document.getElementById(
                                                                            "buildingyourteam18_m_off"
                                                                          ).style.visibility =
                                                                            "hidden";
                                                                          document.getElementById(
                                                                            "buildingyourteam18_m_progress"
                                                                          ).style.visibility =
                                                                            "hidden";

                                                                          //...Map Mobile - Status
                                                                          hideMobileStatusIcons();
                                                                          document.getElementById(
                                                                            "designingimpact16_m_status_on"
                                                                          ).style.display =
                                                                            "inline-block";
                                                                          document.getElementById(
                                                                            "growingyourimpact17_m_status_on"
                                                                          ).style.display =
                                                                            "inline-block";
                                                                          document.getElementById(
                                                                            "buildingyourteam18_m_status_on"
                                                                          ).style.display =
                                                                            "inline-block";

                                                                          //...Map Next Button
                                                                          $(
                                                                            "#mixingmediums19_m_off"
                                                                          ).click(
                                                                            function () {
                                                                              document.getElementById(
                                                                                "preview-cards-mobile"
                                                                              ).style.display =
                                                                                "none";
                                                                              window.open(
                                                                                "https://www.purposeproject.org/toolbox/activities/mixing-mediums",
                                                                                "_self"
                                                                              );
                                                                            }
                                                                          );
                                                                          document
                                                                            .getElementById(
                                                                              "mixingmediums19_m_off"
                                                                            )
                                                                            .classList.remove(
                                                                              "jmapbtn-m-off"
                                                                            );
                                                                          document
                                                                            .getElementById(
                                                                              "mixingmediums19_m_off"
                                                                            )
                                                                            .classList.add(
                                                                              "jmapbtn-next-off"
                                                                            );

                                                                          //.........
                                                                          // 19. mixingMediums activity - In Progress
                                                                          if (
                                                                            activitiesIsInprogress.includes(
                                                                              "mixingMediums"
                                                                            )
                                                                          ) {
                                                                            //...Map Mobile
                                                                            document.getElementById(
                                                                              "mixingmediums19_m_on"
                                                                            ).style.visibility =
                                                                              "hidden";
                                                                            document.getElementById(
                                                                              "mixingmediums19_m_off"
                                                                            ).style.visibility =
                                                                              "hidden";
                                                                            document.getElementById(
                                                                              "mixingmediums19_m_progress"
                                                                            ).style.visibility =
                                                                              "visible";

                                                                            //...Map Mobile - Status
                                                                            hideMobileStatusIcons();

                                                                            document.getElementById(
                                                                              "group8_m_status"
                                                                            ).style.display =
                                                                              "none";
                                                                            document.getElementById(
                                                                              "group9_m_status"
                                                                            ).style.display =
                                                                              "block";

                                                                            document.getElementById(
                                                                              "current-map-status-txt"
                                                                            ).textContent =
                                                                              "SHARING STORIES";
                                                                            document.getElementById(
                                                                              "mixingmediums19_m_status_progress"
                                                                            ).style.display =
                                                                              "inline-block";
                                                                            document.getElementById(
                                                                              "draftyournarrative20_m_status_off"
                                                                            ).style.display =
                                                                              "inline-block";
                                                                            document.getElementById(
                                                                              "sharedexperiences21_m_status_off"
                                                                            ).style.display =
                                                                              "inline-block";

                                                                            //...Map Mobile - Path
                                                                            document.getElementById(
                                                                              "path_m_18-anim"
                                                                            ).style.visibility =
                                                                              "visible";

                                                                            // 19. mixingMediums activity - Completed
                                                                            if (
                                                                              activitiesCompleted.includes(
                                                                                "mixingMediums"
                                                                              )
                                                                            ) {
                                                                              //...Map Mobile
                                                                              document.getElementById(
                                                                                "mixingmediums19_m_on"
                                                                              ).style.visibility =
                                                                                "visible";
                                                                              document.getElementById(
                                                                                "mixingmediums19_m_off"
                                                                              ).style.visibility =
                                                                                "hidden";
                                                                              document.getElementById(
                                                                                "mixingmediums19_m_progress"
                                                                              ).style.visibility =
                                                                                "hidden";

                                                                              //...Map Mobile - Status
                                                                              hideMobileStatusIcons();
                                                                              document.getElementById(
                                                                                "mixingmediums19_m_status_on"
                                                                              ).style.display =
                                                                                "inline-block";
                                                                              document.getElementById(
                                                                                "draftyournarrative20_m_status_off"
                                                                              ).style.display =
                                                                                "inline-block";
                                                                              document.getElementById(
                                                                                "sharedexperiences21_m_status_off"
                                                                              ).style.display =
                                                                                "inline-block";

                                                                              //...Map Next Button
                                                                              $(
                                                                                "#draftyournarrative20_m_off"
                                                                              ).click(
                                                                                function () {
                                                                                  document.getElementById(
                                                                                    "preview-cards-mobile"
                                                                                  ).style.display =
                                                                                    "none";
                                                                                  window.open(
                                                                                    "https://www.purposeproject.org/toolbox/activities/draft-your-narrative",
                                                                                    "_self"
                                                                                  );
                                                                                }
                                                                              );
                                                                              document
                                                                                .getElementById(
                                                                                  "draftyournarrative20_m_off"
                                                                                )
                                                                                .classList.remove(
                                                                                  "jmapbtn-m-off"
                                                                                );
                                                                              document
                                                                                .getElementById(
                                                                                  "draftyournarrative20_m_off"
                                                                                )
                                                                                .classList.add(
                                                                                  "jmapbtn-next-off"
                                                                                );

                                                                              //.........
                                                                              // 20. draftYourNarrative activity - In Progress
                                                                              if (
                                                                                activitiesIsInprogress.includes(
                                                                                  "draftYourNarrative"
                                                                                )
                                                                              ) {
                                                                                //...Map Mobile
                                                                                document.getElementById(
                                                                                  "draftyournarrative20_m_on"
                                                                                ).style.visibility =
                                                                                  "hidden";
                                                                                document.getElementById(
                                                                                  "draftyournarrative20_m_off"
                                                                                ).style.visibility =
                                                                                  "hidden";
                                                                                document.getElementById(
                                                                                  "draftyournarrative20_m_progress"
                                                                                ).style.visibility =
                                                                                  "visible";

                                                                                //...Map Mobile - Status
                                                                                hideMobileStatusIcons();
                                                                                document.getElementById(
                                                                                  "mixingmediums19_m_status_on"
                                                                                ).style.display =
                                                                                  "inline-block";
                                                                                document.getElementById(
                                                                                  "draftyournarrative20_m_status_progress"
                                                                                ).style.display =
                                                                                  "inline-block";
                                                                                document.getElementById(
                                                                                  "sharedexperiences21_m_status_off"
                                                                                ).style.display =
                                                                                  "inline-block";

                                                                                //...Map Mobile - Path
                                                                                document.getElementById(
                                                                                  "path_m_19-anim"
                                                                                ).style.visibility =
                                                                                  "visible";

                                                                                // 20. draftYourNarrative activity - Completed
                                                                                if (
                                                                                  activitiesCompleted.includes(
                                                                                    "draftYourNarrative"
                                                                                  )
                                                                                ) {
                                                                                  //...Map Mobile
                                                                                  document.getElementById(
                                                                                    "draftyournarrative20_m_on"
                                                                                  ).style.visibility =
                                                                                    "visible";
                                                                                  document.getElementById(
                                                                                    "draftyournarrative20_m_off"
                                                                                  ).style.visibility =
                                                                                    "hidden";
                                                                                  document.getElementById(
                                                                                    "draftyournarrative20_m_progress"
                                                                                  ).style.visibility =
                                                                                    "hidden";

                                                                                  //...Map Mobile - Status
                                                                                  hideMobileStatusIcons();
                                                                                  document.getElementById(
                                                                                    "mixingmediums19_m_status_on"
                                                                                  ).style.display =
                                                                                    "inline-block";
                                                                                  document.getElementById(
                                                                                    "draftyournarrative20_m_status_on"
                                                                                  ).style.display =
                                                                                    "inline-block";
                                                                                  document.getElementById(
                                                                                    "sharedexperiences21_m_status_off"
                                                                                  ).style.display =
                                                                                    "inline-block";

                                                                                  //...Map Next Button
                                                                                  $(
                                                                                    "#sharedexperiences21_m_off"
                                                                                  ).click(
                                                                                    function () {
                                                                                      document.getElementById(
                                                                                        "preview-cards-mobile"
                                                                                      ).style.display =
                                                                                        "none";
                                                                                      window.open(
                                                                                        "https://www.purposeproject.org/toolbox/activities/shared-experiences",
                                                                                        "_self"
                                                                                      );
                                                                                    }
                                                                                  );
                                                                                  document
                                                                                    .getElementById(
                                                                                      "sharedexperiences21_m_off"
                                                                                    )
                                                                                    .classList.remove(
                                                                                      "jmapbtn-m-off"
                                                                                    );
                                                                                  document
                                                                                    .getElementById(
                                                                                      "sharedexperiences21_m_off"
                                                                                    )
                                                                                    .classList.add(
                                                                                      "jmapbtn-next-off"
                                                                                    );

                                                                                  //.........
                                                                                  // 21. sharedExperiences activity - In Progress
                                                                                  if (
                                                                                    activitiesIsInprogress.includes(
                                                                                      "sharedExperiences"
                                                                                    )
                                                                                  ) {
                                                                                    //...Map Mobile
                                                                                    document.getElementById(
                                                                                      "sharedexperiences21_m_on"
                                                                                    ).style.visibility =
                                                                                      "hidden";
                                                                                    document.getElementById(
                                                                                      "sharedexperiences21_m_off"
                                                                                    ).style.visibility =
                                                                                      "hidden";
                                                                                    document.getElementById(
                                                                                      "sharedexperiences21_m_progress"
                                                                                    ).style.visibility =
                                                                                      "visible";

                                                                                    //...Map Mobile - Status
                                                                                    hideMobileStatusIcons();
                                                                                    document.getElementById(
                                                                                      "mixingmediums19_m_status_on"
                                                                                    ).style.display =
                                                                                      "inline-block";
                                                                                    document.getElementById(
                                                                                      "draftyournarrative20_m_status_on"
                                                                                    ).style.display =
                                                                                      "inline-block";
                                                                                    document.getElementById(
                                                                                      "sharedexperiences21_m_status_progress"
                                                                                    ).style.display =
                                                                                      "inline-block";

                                                                                    //...Map Mobile - Path
                                                                                    document.getElementById(
                                                                                      "path_m_20-anim"
                                                                                    ).style.visibility =
                                                                                      "visible";

                                                                                    // 21. sharedExperiences activity - Completed
                                                                                    if (
                                                                                      activitiesCompleted.includes(
                                                                                        "sharedExperiences"
                                                                                      )
                                                                                    ) {
                                                                                      //...Map Mobile
                                                                                      document.getElementById(
                                                                                        "sharedexperiences21_m_on"
                                                                                      ).style.visibility =
                                                                                        "visible";
                                                                                      document.getElementById(
                                                                                        "sharedexperiences21_m_off"
                                                                                      ).style.visibility =
                                                                                        "hidden";
                                                                                      document.getElementById(
                                                                                        "sharedexperiences21_m_progress"
                                                                                      ).style.visibility =
                                                                                        "hidden";

                                                                                      //...Map Mobile - Status
                                                                                      hideMobileStatusIcons();
                                                                                      document.getElementById(
                                                                                        "mixingmediums19_m_status_on"
                                                                                      ).style.display =
                                                                                        "inline-block";
                                                                                      document.getElementById(
                                                                                        "draftyournarrative20_m_status_on"
                                                                                      ).style.display =
                                                                                        "inline-block";
                                                                                      document.getElementById(
                                                                                        "sharedexperiences21_m_status_on"
                                                                                      ).style.display =
                                                                                        "inline-block";
                                                                                    }
                                                                                  }
                                                                                }
                                                                              }
                                                                            }
                                                                          }
                                                                        }
                                                                      }
                                                                    }
                                                                  }
                                                                }
                                                              }
                                                            }
                                                          }
                                                        }
                                                      }
                                                    }
                                                  }
                                                }
                                              }
                                            }
                                          }
                                        }
                                      }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    //.........
    // A. divergentThinking activity - In Progress
    if (activitiesIsInprogress.includes("divergentThinking")) {
      //...Map Mobile
      document.getElementById("divergentthinking_m_status_on").style.display =
        "none";
      document.getElementById(
        "divergentthinking_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("divergentthinking_m_status_off").style.display =
        "none";
      //

      // A. divergentThinking activity - Completed
      if (activitiesCompleted.includes("divergentThinking")) {
        //...Map Mobile
        document.getElementById("divergentthinking_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "divergentthinking_m_status_progress"
        ).style.display = "none";
        document.getElementById(
          "divergentthinking_m_status_off"
        ).style.display = "none";
        //
      }
    }

    //.........
    // B. creativeConfidence activity - In Progress
    if (activitiesIsInprogress.includes("creativeConfidence")) {
      //...Map Mobile
      document.getElementById("creativeconfidence_m_status_on").style.display =
        "none";
      document.getElementById(
        "creativeconfidence_m_status_progress"
      ).style.display = "block";
      document.getElementById("creativeconfidence_m_status_off").style.display =
        "none";
      //
      // B. creativeConfidence activity - Completed
      if (activitiesCompleted.includes("creativeConfidence")) {
        //...Map Mobile
        document.getElementById(
          "creativeconfidence_m_status_on"
        ).style.display = "block";
        document.getElementById(
          "creativeconfidence_m_status_progress"
        ).style.display = "none";
        document.getElementById(
          "creativeconfidence_m_status_off"
        ).style.display = "none";
        //
      }
    }

    //.........
    // C. strongStories activity - In Progress
    if (activitiesIsInprogress.includes("strongStories")) {
      //...Map Mobile
      document.getElementById("strongstories_m_status_on").style.display =
        "none";
      document.getElementById("strongstories_m_status_progress").style.display =
        "block";
      document.getElementById("strongstories_m_status_off").style.display =
        "none";
      //
      // C. strongStories activity - Completed
      if (activitiesCompleted.includes("strongStories")) {
        //...Map Mobile
        document.getElementById("strongstories_m_status_on").style.display =
          "block";
        document.getElementById(
          "strongstories_m_status_progress"
        ).style.display = "none";
        document.getElementById("strongstories_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // D. whatYouNeed activity - In Progress
    if (activitiesIsInprogress.includes("whatYouNeed")) {
      //...Map Mobile
      document.getElementById("whatyouneed_m_status_on").style.display = "none";
      document.getElementById("whatyouneed_m_status_progress").style.display =
        "inline-block";
      document.getElementById("whatyouneed_m_status_off").style.display =
        "none";
      //
      // D. whatYouNeed activity - Completed
      if (activitiesCompleted.includes("whatYouNeed")) {
        //...Map Mobile
        document.getElementById("whatyouneed_m_status_on").style.display =
          "inline-block";
        document.getElementById("whatyouneed_m_status_progress").style.display =
          "none";
        document.getElementById("whatyouneed_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // E. inThisMoment activity - In Progress
    if (activitiesIsInprogress.includes("inThisMoment")) {
      //...Map Mobile
      document.getElementById("inthismoment_m_status_on").style.display =
        "none";
      document.getElementById("inthismoment_m_status_progress").style.display =
        "block";
      document.getElementById("inthismoment_m_status_off").style.display =
        "none";
      //
      // E. inThisMoment activity - Completed
      if (activitiesCompleted.includes("inThisMoment")) {
        //...Map Mobile
        document.getElementById("inthismoment_m_status_on").style.display =
          "block";
        document.getElementById(
          "inthismoment_m_status_progress"
        ).style.display = "none";
        document.getElementById("inthismoment_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // F. highsAndLows activity - In Progress
    if (activitiesIsInprogress.includes("highsAndLows")) {
      //...Map Mobile
      document.getElementById("highslows_m_status_on").style.display = "none";
      document.getElementById("highslows_m_status_progress").style.display =
        "inline-block";
      document.getElementById("highslows_m_status_off").style.display = "none";
      //
      // F. highsAndLows activity - Completed
      if (activitiesCompleted.includes("highsAndLows")) {
        //...Map Mobile
        document.getElementById("highslows_m_status_on").style.display =
          "inline-block";
        document.getElementById("highslows_m_status_progress").style.display =
          "none";
        document.getElementById("highslows_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // G. practicingAllyship activity - In Progress
    if (activitiesIsInprogress.includes("practicingAllyship")) {
      //...Map Mobile
      document.getElementById("practicingallyship_m_status_on").style.display =
        "none";
      document.getElementById(
        "practicingallyship_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("practicingallyship_m_status_off").style.display =
        "none";
      //
      // G. practicingAllyship activity - Completed
      if (activitiesCompleted.includes("practicingAllyship")) {
        //...Map Mobile
        document.getElementById(
          "practicingallyship_m_status_on"
        ).style.display = "inline-block";
        document.getElementById(
          "practicingallyship_m_status_progress"
        ).style.display = "none";
        document.getElementById(
          "practicingallyship_m_status_off"
        ).style.display = "none";
        //
      }
    }

    //.........
    // H. richerPicture activity - In Progress
    if (activitiesIsInprogress.includes("richerPicture")) {
      //...Map Mobile
      document.getElementById("richerpicture_m_status_on").style.display =
        "none";
      document.getElementById("richerpicture_m_status_progress").style.display =
        "block";
      document.getElementById("richerpicture_m_status_off").style.display =
        "none";
      //
      // H. richerPicture activity - Completed
      if (activitiesCompleted.includes("richerPicture")) {
        //...Map Mobile
        document.getElementById("richerpicture_m_status_on").style.display =
          "block";
        document.getElementById(
          "richerpicture_m_status_progress"
        ).style.display = "none";
        document.getElementById("richerpicture_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // I. activeListening activity - In Progress
    if (activitiesIsInprogress.includes("activeListening")) {
      //...Map Mobile
      document.getElementById("activelistening_m_status_on").style.display =
        "none";
      document.getElementById(
        "activelistening_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("activelistening_m_status_off").style.display =
        "none";
      //
      // I. activeListening activity - Completed
      if (activitiesCompleted.includes("activeListening")) {
        //...Map Mobile
        document.getElementById("activelistening_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "activelistening_m_status_progress"
        ).style.display = "none";
        document.getElementById("activelistening_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // J. advocacyDefined activity - In Progress
    if (activitiesIsInprogress.includes("advocacyDefined")) {
      //...Map Mobile
      document.getElementById("advocacydefined_m_status_on").style.display =
        "none";
      document.getElementById(
        "advocacydefined_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("advocacydefined_m_status_off").style.display =
        "none";
      //
      // J. advocacyDefined activity - Completed
      if (activitiesCompleted.includes("advocacyDefined")) {
        //...Map Mobile
        document.getElementById("advocacydefined_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "advocacydefined_m_status_progress"
        ).style.display = "none";
        document.getElementById("advocacydefined_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // K. whatMattersToMe activity - In Progress
    if (activitiesIsInprogress.includes("whatMattersToMe")) {
      //...Map Mobile
      document.getElementById("whatmatterstome_m_status_on").style.display =
        "none";
      document.getElementById(
        "whatmatterstome_m_status_progress"
      ).style.display = "block";
      document.getElementById("whatmatterstome_m_status_off").style.display =
        "none";
      //
      // K. whatMattersToMe activity - Completed
      if (activitiesCompleted.includes("whatMattersToMe")) {
        //...Map Mobile
        document.getElementById("whatmatterstome_m_status_on").style.display =
          "block";
        document.getElementById(
          "whatmatterstome_m_status_progress"
        ).style.display = "none";
        document.getElementById("whatmatterstome_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // L. skillBuilding activity - In Progress
    if (activitiesIsInprogress.includes("skillBuilding")) {
      //...Map Mobile
      document.getElementById("skillbuilding_m_status_on").style.display =
        "none";
      document.getElementById("skillbuilding_m_status_progress").style.display =
        "inline-block";
      document.getElementById("skillbuilding_m_status_off").style.display =
        "none";
      //
      // L. skillBuilding activity - Completed
      if (activitiesCompleted.includes("skillBuilding")) {
        //...Map Mobile
        document.getElementById("skillbuilding_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "skillbuilding_m_status_progress"
        ).style.display = "none";
        document.getElementById("skillbuilding_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // M. resilienceToolbox activity - In Progress
    if (activitiesIsInprogress.includes("resilienceToolbox")) {
      //...Map Mobile
      document.getElementById("resiliencetoolbox_m_status_on").style.display =
        "none";
      document.getElementById(
        "resiliencetoolbox_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("resiliencetoolbox_m_status_off").style.display =
        "none";
      //
      // M. resilienceToolbox activity - Completed
      if (activitiesCompleted.includes("resilienceToolbox")) {
        //...Map Mobile
        document.getElementById("resiliencetoolbox_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "resiliencetoolbox_m_status_progress"
        ).style.display = "none";
        document.getElementById(
          "resiliencetoolbox_m_status_off"
        ).style.display = "none";
        //
      }
    }

    //.........
    // N. gettingUnstuck activity - In Progress
    if (activitiesIsInprogress.includes("gettingUnstuck")) {
      //...Map Mobile
      document.getElementById("gettingunstuck_m_status_on").style.display =
        "none";
      document.getElementById(
        "gettingunstuck_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("gettingunstuck_m_status_off").style.display =
        "none";
      //
      // N. gettingUnstuck activity - Completed
      if (activitiesCompleted.includes("gettingUnstuck")) {
        //...Map Mobile
        document.getElementById("gettingunstuck_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "gettingunstuck_m_status_progress"
        ).style.display = "none";
        document.getElementById("gettingunstuck_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // O. storiesOfHope activity - In Progress
    if (activitiesIsInprogress.includes("storiesOfHope")) {
      //...Map Mobile
      document.getElementById("storiesofhope_m_status_on").style.display =
        "none";
      document.getElementById("storiesofhope_m_status_progress").style.display =
        "block";
      document.getElementById("storiesofhope_m_status_off").style.display =
        "none";
      //
      // O. storiesOfHope activity - Completed
      if (activitiesCompleted.includes("storiesOfHope")) {
        //...Map Mobile
        document.getElementById("storiesofhope_m_status_on").style.display =
          "block";
        document.getElementById(
          "storiesofhope_m_status_progress"
        ).style.display = "none";
        document.getElementById("storiesofhope_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // P. lifeLenses activity - In Progress
    if (activitiesIsInprogress.includes("lifeLenses")) {
      lifelenses_m_status_on;
      //...Map Mobile
      document.getElementById("lifelenses_m_status_on").style.display = "none";
      document.getElementById("lifelenses_m_status_progress").style.display =
        "inline-block";
      document.getElementById("lifelenses_m_status_off").style.display = "none";
      //

      // P. lifeLenses activity - Completed
      if (activitiesCompleted.includes("lifeLenses")) {
        //...Map Mobile
        document.getElementById("lifelenses_m_status_on").style.display =
          "inline-block";
        document.getElementById("lifelenses_m_status_progress").style.display =
          "none";
        document.getElementById("lifelenses_m_status_off").style.display =
          "none";
        //
      }
    }

    //.........
    // Q. communityCircles activity - In Progress
    if (activitiesIsInprogress.includes("communityCircles")) {
      //...Map Mobile
      document.getElementById("communitycircles_m_status_on").style.display =
        "none";
      document.getElementById(
        "communitycircles_m_status_progress"
      ).style.display = "inline-block";
      document.getElementById("communitycircles_m_status_off").style.display =
        "none";
      //
      // Q. lifeLensecommunityCircles - Completed
      if (activitiesCompleted.includes("communityCircles")) {
        //...Map Mobile
        document.getElementById("communitycircles_m_status_on").style.display =
          "inline-block";
        document.getElementById(
          "communitycircles_m_status_progress"
        ).style.display = "none";
        document.getElementById("communitycircles_m_status_off").style.display =
          "none";
        //
      }
    }
  } //End of function "progressBarsAndMap()"

  /////////////////////////////////////////////
})(); // End scoping function