jQuery( document ).ready(function() {
var body = jQuery("body");
var size = localStorage.getItem('size');
var color = localStorage.getItem('color');
if (size) {
if (size == 1) {
body.removeClass("large larger").addClass("large");
jQuery("#normal, #large, #larger").removeClass("active");
jQuery("#large").addClass("active");
} else if (size == 2) {
body.removeClass("large larger").addClass("larger");
jQuery("#normal, #large, #larger").removeClass("active");
jQuery("#larger").addClass("active");
}
};
if (color) {
if (color == 1) {
body.removeClass("black white blue").addClass("white");
jQuery("#black, #white, #blue").removeClass("active");
jQuery("#white").addClass("active");
} else if (color == 2) {
body.removeClass("black white blue").addClass("blue");
jQuery("#black, #white, #blue").removeClass("active");
jQuery("#blue").addClass("active");
}
};
jQuery("#normal").on( "click", function() {
jQuery("#normal, #large, #larger").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("large larger");
localStorage.setItem("size", 0);
});
jQuery("#large").on( "click", function size1() {
jQuery("#normal, #large, #larger").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("large larger").addClass("large");
localStorage.setItem("size", 1);
});
jQuery("#larger").on( "click", function size2() {
jQuery("#normal, #large, #larger").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("large larger").addClass("larger");
localStorage.setItem("size", 2);
});
jQuery("#black").on( "click", function() {
jQuery("#black, #white, #blue").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("white blue");
localStorage.setItem("color", 0);;
});
jQuery("#white").on( "click", function color1() {
jQuery("#black, #white, #blue").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("black white blue").addClass("white");
localStorage.setItem("color", 1);
});
jQuery("#blue").on( "click", function color2() {
jQuery("#black, #white, #blue").removeClass("active");
jQuery(this).addClass("active");
body.removeClass("black white blue").addClass("blue");
localStorage.setItem("color", 2);
});
jQuery("#switchImg").on( "click", function() {
jQuery(this).toggleClass("active");
body.find("img").toggle();
});
});