text: /* ---------------------------------------------------------------------- 
  * Product Name: Color-Switcher-Plugin
  * Product URI: http://shariarbd.com/demo/color-switcher-plugin/
  * Author: Shariar
  * Author URI: http://shariarbd.com/
  * Description: Color Switcher plugin is a simple and easy to use plugin used to switch color of a site.
  * Version: 1.0.0
  * License: The MIT License (MIT)
  * Tags: color switcher
  * ---------------------------------------------------------------------- */
  
  /* Styles Switcher
  ------------------------------------------------------------------------ */
  
  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($) {
  	"use strict"
  	
  	$("ul.colors .color1" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/default.css" );
  		return false;
  	});
  
  	$("ul.colors .color2" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-2.css" );
  		return false;
  	});
  
  	$("ul.colors .color3" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-3.css" );
  		return false;
  	});
  
  	$("ul.colors .color4" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-4.css" );
  		return false;
  	});
  
  	$("ul.colors .color5" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-5.css" );
  		return false;
  	});
  
  	$("ul.colors .color6" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-6.css" );
  		return false;
  	});
  
  	$("ul.colors .color7" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-7.css" );
  		return false;
  	});
  	$("ul.colors .color8" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-8.css" );
  		return false;
  	});
  
  	$("ul.colors .color9" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-9.css" );
  		return false;
  	});
  
  	$("ul.colors .color10" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-10.css" );
  		return false;
  	});
  
  	$("ul.colors .color11" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-11.css" );
  		return false;
  	});
  	$("ul.colors .color12" ).on('click', function(){
  		$("#colors" ).attr("href", "css/colors/color-12.css" );
  		return false;
  	});
  
  
  	$("#color-style-switcher .bottom a.settings").on('click', function(e){
  		e.preventDefault();
  		var div = $("#color-style-switcher");
  		if (div.css("left") === "-195px") {
  			$("#color-style-switcher").animate({
  				left: "0px"
  			}); 
  		} else {
  			$("#color-style-switcher").animate({
  				left: "-195px"
  			});
  		}
  	})
  
  	$("ul.colors li a").on('click', function(e){
  		e.preventDefault();
  		$(this).parent().parent().find("a").removeClass("active");
  		$(this).addClass("active");
  	})
  
  });
  
  
  
  //Inject Necessary Styles and HTML
  jQuery('head').append('<link rel="stylesheet" id="colors" href="css/colors/default.css" type="text/css" />');
  jQuery('head').append('<link rel="stylesheet" href="css/color-switcher.css" type="text/css" />'); 
  
  jQuery('body').append('' + 
  	'<div id="color-style-switcher">' +
  		'<div>' + 
  			'<h3>Color Palette</h3>' +
  			'<ul class="colors">' +
  				'<li><a class="color1 active" href="#"></a></li>' +
  				'<li><a class="color2" href="#"></a></li>' +
  				'<li><a class="color3" href="#"></a></li>' +
  				'<li><a class="color4" href="#"></a></li>' +
  				'<li><a class="color5" href="#"></a></li>' +
  				'<li><a class="color6" href="#"></a></li>' +
  				'<li><a class="color7" href="#"></a></li>' +
  				'<li><a class="color8" href="#"></a></li>' +
  				'<li><a class="color9" href="#"></a></li>' +
  				'<li><a class="color10" href="#"></a></li>' +
  				'<li><a class="color11" href="#"></a></li>' +
  				'<li><a class="color12" href="#"></a></li>' +
  			'</ul>' +
  		'</div>' +
  		'<div class="bottom"> <a href="#" class="settings"></a> </div>' +
  	'</div>' +
  '');
  