jQuery(document).ready(function($) {
    $('.settingbutton').on('click', function() {
        if ($(this).hasClass('no_active')) {
            $(this).removeClass('no_active').addClass('active');
            $(".template-demo").animate({
                "left": "-250px"
            }, 100);
        } else {
            $(this).addClass('no_active');
            $(".template-demo").animate({
                "left": "0px"
            }, 100);
        }
    });

    $(".color-changer a").on("click", function(e) {
        if (!$(this).hasClass("disable")) {
            e.preventDefault();
            var color = $(this).attr("href");
            $(".color-changer a").removeClass("active");
            $(this).addClass("active");
        }
    });

    $(".mods-changer a").on("click", function(e) {
        if ($(this).hasClass('active')) {
            $(this).removeClass("active");
        } else {
            $(this).addClass("active");
        }
    });

    $(".color-changer a.one").click(function() {
        $("body").removeClass('body-style-1');
        if (!$(".stickyo").hasClass("active")) {
            $(".stickyo").addClass('active');
        }
    });

    $(".color-changer a.two").click(function() {
        $("body").addClass('body-style-1');
        if ($(".stickyo").hasClass("active")) {
            $(".stickyo").removeClass('active');
        }
    });

    $(".stickyo").click(function() {
        if ($(".stickyo").hasClass("active")) {
            $("body").addClass('body-sticky-header');
            $("body").removeClass('body-not-sticky-header');
        } else {
            $("body").removeClass('body-sticky-header');
            $("body").addClass('body-not-sticky-header');
        }
    });

    $(".sidebaro").click(function() {
        if (!$(".sidebaro").hasClass("active")) {
            $(".mobile-menu").removeClass('on');
            $(".coodiv-navbar").removeClass('navbar-collapsed');
        } else {
            $(".mobile-menu").addClass('on');
            $(".coodiv-navbar").addClass('navbar-collapsed');
        }
    });

    $(".mobile-menu").on("click", function(e) {
        if ($(this).hasClass("on")) {
            $(".sidebaro").addClass('active');
        } else {
            $(".sidebaro").removeClass('active');
        }
    });

    $(".navoff").click(function() {
        if (!$(".navoff").hasClass("active")) {
            $("body").removeClass('body-without-header');
        } else {
            $("body").addClass('body-without-header');
        }
    });

});