window.console = window.console || function() {
var e = {};
e.log = e.warn = e.debug = e.info = e.error = e.time = e.dir = e.profile = e.clear = e.exception = e.trace = e.assert = function() {};
return e
}();
$(document).ready(function() {
var e = '<div class="switcher-container">'+
'<h2>STYLE SWITCHER<a href="#" class="sw-click"><i class="fa fa-cog"></i></a></h2>'+
'<div class="selector-box">'+
'<div class="clearfix"></div>'+
'<div class="sw-odd">'+
'<div class="sw-image">'+
'<a href="#">'+
'<img src="images/wordpress-version.png" alt="img"/>'+
'</a>'+
'<button name="button" type="submit" class="flat-button sw-buy">Buy Now</button>'+
'</div>'+
'<h3>SCHEME COLOR</h3>'+
'<div class="ws-colors">'+
'<a href="#color1" class="styleswitch" id="color1">'+
' <span class="cl1"></span>'+
'</a>'+
'<a href="#color2" class="styleswitch" id="color2">'+
' <span class="cl2"></span>'+
'</a>'+
'<a href="#color3" class="styleswitch" id="color3">'+
' <span class="cl3"></span>'+
'</a>'+
'<a href="#color3" class="styleswitch" id="color4">'+
' <span class="cl4"></span>'+
'</a>'+
'</div></div>'+
'<div class="sw-even"><h3>Layout:</h3>'+
'<a href="#" class="sw-light">BOX</a>' +
'<a href="#" class="sw-dark">WIDE</a>' +
'</div>'+
'<div class="sw-pattern pattern"><h3>Background pattern:</h3>'+
'<a href="#" class="sw-pattern" data-image="images/pattern/1.png"><img src="images/pattern/1.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/2.png"><img src="images/pattern/2.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/3.png"><img src="images/pattern/3.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/4.png"><img src="images/pattern/4.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/5.png"><img src="images/pattern/5.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/6.png"><img src="images/pattern/6.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/7.png"><img src="images/pattern/7.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/8.png"><img src="images/pattern/8.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/9.png"><img src="images/pattern/9.png" alt="image"></a>' +
'<a href="#" class="sw-pattern" data-image="images/pattern/10.png"><img src="images/pattern/10.png" alt="image"></a>' +
'</div>'+
'<div class="clearfix"></div>'+
'</div>'+
'</div>';
$('body').append(e);
switchAnimate.loadEvent();
switchColor.loadEvent();
});
var switchColor = {
colorObj: {
colorCookie: "colorCookie",
switchClass: ".styleswitch",
currentClass: "current",
headLink: "head link[id=colors]",
colorItem: ".ws-colors a.styleswitch",
reset: "#reset",
defaultColor: "color1"
},
loadEvent: function() {
var e = switchColor.colorObj;
if ($.cookie(e.colorCookie)) {
switchColor.setColor($.cookie(e.colorCookie))
} else {
switchColor.setColor(e.defaultColor)
}
$(e.colorItem).on("click", function() {
var e = $(this).attr("id");
switchColor.setColor(e)
});
$(e.reset).on("click",function () {
switchColor.setColor(e.defaultColor)
})
},
setColor: function(e) {
var t = switchColor.colorObj;
$.cookie(t.colorCookie, e);
$(t.headLink).attr("href", "stylesheets/colors/" + e + ".css");
$(t.switchClass).removeClass(t.currentClass);
$("#" + e).addClass(t.currentClass);
//set color for text in content
if($('.infomation.text-center h3').length === 1) {
var hiText = $('.infomation.text-center h3').closest('.section').css("background-color").toString();
if(hiText === "rgb(91, 91, 91)")
$('.infomation.text-center h3').css('color', "#fff");
}
}
};
var switchAnimate = {
loadEvent: function() {
$(".switcher-container h2 a.sw-click").on('click',function(e) {
$(this).addClass('active');
var t = $(".switcher-container");
if (t.css("left") === "-220px") {
$(".switcher-container").animate({ left: "0"}, 300, 'easeInOutExpo')
} else {
$(this).removeClass('active');
$(".switcher-container").animate({ left: "-220px" }, 300, 'easeInOutExpo')
}
e.preventDefault();
})
}
};
|