//=== Switcher panal slide function	=====================//

jQuery(".switch-btn").on("click", function () {
  jQuery(".styleswitcher").toggleClass("active");
});

//=== Switcher panal slide function END	=====================//

//=== Color css change function	=====================//

jQuery(document).ready(function () {
  // Color changer
  jQuery(".skin-1").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-1.css");
    jQuery(".logo-header img").attr("src", "images/logo-1.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-1.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-1.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-1.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-1.png");
    return false;
  });

  jQuery(".skin-2").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-2.css");
    jQuery(".logo-header img").attr("src", "images/logo-2.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-2.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-2.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-2.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-2.png");
    return false;
  });

  jQuery(".skin-3").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-3.css");
    jQuery(".logo-header img").attr("src", "images/logo-3.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-3.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-3.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-3.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-3.png");
    return false;
  });

  jQuery(".skin-4").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-4.css");
    jQuery(".logo-header img").attr("src", "images/logo-4.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-4.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-4.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-4.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-4.png");
    return false;
  });

  jQuery(".skin-5").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-5.css");
    jQuery(".logo-header img").attr("src", "images/logo-5.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-5.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-5.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-5.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-5.png");
    return false;
  });

  jQuery(".skin-6").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-6.css");
    jQuery(".logo-header img").attr("src", "images/logo-6.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-6.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-6.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-6.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-6.png");
    return false;
  });

  jQuery(".skin-7").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-7.css");
    jQuery(".logo-header img").attr("src", "images/logo-7.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-7.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-7.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-7.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-7.png");
    return false;
  });

  jQuery(".skin-8").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-8.css");
    jQuery(".logo-header img").attr("src", "images/logo-8.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-8.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-8.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-8.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-8.png");
    return false;
  });

  jQuery(".skin-9").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-9.css");
    jQuery(".logo-header img").attr("src", "images/logo-9.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-9.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-9.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-9.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-9.png");
    return false;
  });

  jQuery(".skin-10").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-10.css");
    jQuery(".logo-header img").attr("src", "images/logo-10.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-10.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-10.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-10.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-10.png");
    return false;
  });

  jQuery(".skin-11").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-11.css");
    jQuery(".logo-header img").attr("src", "images/logo-11.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-11.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-11.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-11.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-11.png");
    return false;
  });

  jQuery(".skin-12").on("click", function () {
    jQuery(".skin").attr("href", "css/skin/skin-12.css");
    jQuery(".logo-header img").attr("src", "images/logo-12.png");
    jQuery(".header-style-3 .logo-header img").attr(
      "src",
      "images/logo-light-12.png",
    );
    jQuery(".header-style-5 .logo-header img").attr(
      "src",
      "images/logo-light-12.png",
    );
    jQuery(".footer-dark .logo-footer img").attr(
      "src",
      "images/logo-light-12.png",
    );
    jQuery(".footer-light .logo-footer img").attr("src", "images/logo-12.png");
    return false;
  });
});

//=== Background image change function	=====================//
jQuery(document).ready(function () {
  jQuery(".background-switcher li img").on("click", function () {
    var imgbg = jQuery(this).attr("rel");

    //console.<span id="IL_AD2" class="IL_AD">log</span>(imgbg);

    jQuery("#bg").css({ backgroundImage: "url(" + imgbg + ")" });
  });
});

//=== Background pattern change function	=====================//
jQuery(document).ready(function () {
  jQuery(".pattern-switcher li img").on("click", function () {
    var imgbg = jQuery(this).attr("rel");

    //console.<span id="IL_AD2" class="IL_AD">log</span>(imgbg);

    jQuery("#bg").css({ backgroundImage: "url(" + imgbg + ")" });
    jQuery("#bg").css("background-size", "auto");
  });
});

//=== Layout boxed & fullscreen change function	END=====================//
jQuery(document).ready(function () {
  jQuery(".layout-view li ").on("click", function () {
    jQuery(".layout-view li ").removeClass("active");
    jQuery(this).addClass("active");
  });

  jQuery(".wide-layout").on("click", function () {
    jQuery("body").addClass("wide-layout");
    jQuery("body").removeClass("boxed");
  });

  jQuery(".boxed").on("click", function () {
    jQuery("body").addClass("boxed");
    jQuery("body").removeClass("wide-layout");
  });
});

//=== Nav light & dark change function	END=====================//
jQuery(document).ready(function () {
  jQuery(".nav-view li ").on("click", function () {
    jQuery(".nav-view li ").removeClass("active");
    jQuery(this).addClass("active");
  });

  jQuery(".nav-light").on("click", function () {
    jQuery(".header-nav").addClass("nav-light");
    jQuery(".header-nav").removeClass("nav-dark");
  });

  jQuery(".nav-dark").on("click", function () {
    jQuery(".header-nav").addClass("nav-dark");
    jQuery(".header-nav").removeClass("nav-light");
  });
});

//=== Nav light & dark change function	END=====================//
jQuery(document).ready(function () {
  jQuery(".nav-width li ").on("click", function () {
    jQuery(".nav-width li ").removeClass("active");
    jQuery(this).addClass("active");
  });

  jQuery(".nav-wide").on("click", function () {
    jQuery(".site-header").addClass("nav-wide");
    jQuery(".site-header").removeClass("nav-boxed");
  });

  jQuery(".nav-boxed").on("click", function () {
    jQuery(".site-header").addClass("nav-boxed");
    jQuery(".site-header").removeClass("nav-wide");
  });
});

//=== Nav light & dark change function	END=====================//
jQuery(document).ready(function () {
  jQuery(".header-view li ").on("click", function () {
    jQuery(".header-view li ").removeClass("active");
    jQuery(this).addClass("active");
  });

  jQuery(".header-fixed").on("click", function () {
    jQuery(".main-bar-wraper").addClass("sticky-header");
    jQuery(".main-bar-wraper").removeClass("sticky-no");
  });

  jQuery(".header-static").on("click", function () {
    jQuery(".main-bar-wraper").addClass("sticky-no");
    jQuery(".main-bar-wraper").removeClass("sticky-header");
  });
});
