PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/distinctdesign/thedistinctdesign.co.uk/js/
Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
IP: 162.0.232.53
Choose File :

Url:
Dir : /home/distinctdesign/thedistinctdesign.co.uk/js/color-switcher.js

(function ($) {
  "use strict";

  // color switcher

  if ($("#styleOptions").length) {
    $("#styleOptions").styleSwitcher({
      hasPreview: false,
      fullPath: "css/colors/",
      cookie: {
        expires: 999,
        isManagingLoad: true
      }
    });
  }

  if ($(".style-switcher").length) {
    $("#switcher-toggler").on("click", function (e) {
      e.preventDefault();
      $(".style-switcher").toggleClass("active");
    });
  }

  $("#styleOptions .color-default").on("click", function () {
    let thmLogo = "images/nav-logo.png";
    let dLogo = "images/logo-dark.png";
    let fLogo = "images/nav-logo.png";
    let favicon = "images/favicon.png";
    let error404 = "images/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#styleOptions .color-2").on("click", function () {
    let thmLogo = "images/colors/color-2/nav-logo.png";
    let dLogo = "images/colors/color-2/logo-dark.png";
    let fLogo = "images/colors/color-2/nav-logo.png";
    let favicon = "images/colors/color-2/favicon.png";
    let error404 = "images/colors/color-2/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#styleOptions .color-3").on("click", function () {
    let thmLogo = "images/colors/color-3/nav-logo.png";
    let dLogo = "images/colors/color-3/logo-dark.png";
    let fLogo = "images/colors/color-3/nav-logo.png";
    let favicon = "images/colors/color-3/favicon.png";
    let error404 = "images/colors/color-3/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#styleOptions .color-4").on("click", function () {
    let thmLogo = "images/colors/color-4/nav-logo.png";
    let dLogo = "images/colors/color-4/logo-dark.png";
    let fLogo = "images/colors/color-4/nav-logo.png";
    let favicon = "images/colors/color-4/favicon.png";
    let error404 = "images/colors/color-4/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#styleOptions .color-5").on("click", function () {
    let thmLogo = "images/colors/color-5/nav-logo.png";
    let dLogo = "images/colors/color-5/logo-dark.png";
    let fLogo = "images/colors/color-5/nav-logo.png";
    let favicon = "images/colors/color-5/favicon.png";
    let error404 = "images/colors/color-5/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#styleOptions .color-6").on("click", function () {
    let thmLogo = "images/colors/color-6/nav-logo.png";
    let dLogo = "images/colors/color-6/logo-dark.png";
    let fLogo = "images/colors/color-6/nav-logo.png";
    let favicon = "images/colors/color-6/favicon.png";
    let error404 = "images/colors/color-6/icons/404-image.png";

    $("#thm-logo").attr("src", thmLogo);
    $("#dLogo").attr("src", dLogo);
    $("#fLogo").attr("src", fLogo);
    $("#error-404").attr("src", error404);
    $(".bg-image").css("background-image", "url(" + bannerBg + ")");
    $("#fav-shortcut").attr("href", favicon);
    $("#fav-icon").attr("href", favicon);

    Cookies.remove("logo-img");
    Cookies.remove("d-logo");
    Cookies.remove("logo-img-footer");
    Cookies.remove("favicon");
    Cookies.remove("error-404");

    Cookies.set("logo-img", thmLogo, { expires: 365, path: "/" });
    Cookies.set("logo-img-footer", fLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("d-logo", dLogo, {
      expires: 365,
      path: "/"
    });
    Cookies.set("favicon", favicon, {
      expires: 365,
      path: "/"
    });
    Cookies.set("error-404", error404, {
      expires: 365,
      path: "/"
    });
  });

  $("#thm-logo").attr("src", Cookies.get("logo-img"));
  $("#dLogo").attr("src", Cookies.get("d-logo"));
  $("#fLogo").attr("src", Cookies.get("logo-img-footer"));
  $("#fav-shortcut").attr("src", Cookies.get("favicon"));
  $("#fav-icon").attr("src", Cookies.get("favicon"));
  $("#error-404").attr("src", Cookies.get("error-404"));

})(jQuery);