/* ================================================================= */
/* CSS Style Switcher By FIFO THEMES
====================================================================== */

window.console = window.console || (function(){
	var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function(){};
	return c;
})();


jQuery(document).ready(function($) {
	
		// Color Changer
		
		$(".blue" ).click(function(){
			$(".colors" ).attr("href", "css/colors/blue.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_blue.png" );
			return false;
		});
		
		$(".green" ).click(function(){
			$(".colors" ).attr("href", "css/colors/green.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_green.png" );
			return false;
		});
		
		$(".orange" ).click(function(){
			$(".colors" ).attr("href", "css/colors/orange.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_orange.png" );
			return false;
		});
		
		
		$(".purple" ).click(function(){
			$(".colors" ).attr("href", "css/colors/purple.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_purple.png" );
			return false;
		});

		$(".red" ).click(function(){
			$(".colors" ).attr("href", "css/colors/red.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_red.png" );
			return false;
		});

		$(".magenta" ).click(function(){
			$(".colors" ).attr("href", "css/colors/magenta.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_magenta.png" );
			return false;
		});
		
		
		$(".brown" ).click(function(){
			$(".colors" ).attr("href", "css/colors/brown.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_brown.png" );
			return false;
		});
		
		$(".gray" ).click(function(){
			$(".colors" ).attr("href", "css/colors/gray.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_gray.png" );
			return false;
		});
		
		$(".teal" ).click(function(){
			$(".colors" ).attr("href", "css/colors/teal.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_teal.png" );
			return false;
		});
		
		$(".golden" ).click(function(){
			$(".colors" ).attr("href", "css/colors/golden.css" );
			$(".logo-color" ).attr("src", "img/logos/logo_golden.png" );
			return false;
		});
		
	
		
	

		$("#style-switcher h2 a").click(function(e){
			e.preventDefault();
			var div = $("#style-switcher");
			console.log(div.css("left"));
			if (div.css("left") === "-206px") {
				$("#style-switcher").animate({
					left: "0px"
				}); 
			} else {
				$("#style-switcher").animate({
					left: "-206px"
				});
			}
		});



//Header Color Change
$(".header-bg").spectrum({
    showInitial: true,
	color: "#323B44",
	preferredFormat: "hex6",
    showInput: true,
	move: updateHeader
});
//Changing the header color instantly
function updateHeader(color) {
    $("#header .main-header").css("background", color.toHexString());
}



//Footer Top Color Change
$(".footer-bg").spectrum({
    showInitial: true,
	color: "#323B44",
	preferredFormat: "hex6",
    showInput: true,
	move: updateFooterTop
});
//Changing the header color instantly
function updateFooterTop(color) {
    $(".footer-top").css("background", color.toHexString());
}


//Footer Top Color Change
$(".footer-bottom").spectrum({
    showInitial: true,
	color: "#898989",
	preferredFormat: "hex6",
    showInput: true,
	move: updateFooterBottom
});
//Changing the header color instantly
function updateFooterBottom(color) {
    $(".footer-bottom").css("background", color.toHexString());
}



		// Footer Style Switcher
	   $("#footer-style").change(function(e){
			if( $(this).val() == 1){
				$("#footer").removeClass("dark");        
				$("#footer-bottom").removeClass("dark");
			} else{
				$("#footer").addClass("dark");        
				$("#footer-bottom").addClass("dark");  
			}
		});

		//Layout Switcher
	   $("#layout-style").change(function(e){
			if( $(this).val() == 1){
				$("body").removeClass("boxed"), 
				$(window).resize();
			} else{
				$("body").addClass("boxed"),
				$(window).resize();
			}
		});

		$("#layout-switcher").on('change', function() {
			$('#layout').attr('href', $(this).val() + '.css');
		});

		$(".colors li a").click(function(e){
			e.preventDefault();
			$(this).parent().parent().find("a").removeClass("active");
			$(this).addClass("active");
		});
		
		$('.bg li a').click(function() {
			var current = $('#style-switcher select[id=layout-style]').find('option:selected').val();
			if(current == '2') {
				var bg = $(this).css("backgroundImage");
				$("body").css("backgroundImage",bg);
			} else {
				alert('Please select boxed layout');
			}
		});	

		$("#reset a").click(function(e){
			var bg = $(this).css("backgroundImage");
			$("body").css("backgroundImage","url(./images/bg/noise.png)");
			$("#navigation" ).removeClass("style-2")
		});
			

	});