jQuery(document).ready(function($) {
	
	var styleswitcherstr = ' \
	<div id="style-switcher"> \
	  <div class="switchercontainer"> \
		  <span>Color</span> \
		  <div id="colorpicker"></div> <span class="pickertext">Background</span> \
		  <div class="clear"></div> \
		  <div id="colorpicker2"></div> <span class="pickertext">Link Color</span>  \
		  <div class="clear"></div> \
		  <div id="colorpicker3"></div> <span class="pickertext">Heading</span>  \
		  <div class="clear"></div> \
	  </div> \
	  <div class="switchercontainer"> \
		  <a href="#" id="switcher-reset">Reset</a> \
		  <div class="clear"></div> \
	  </div> \
	</div> \
	';
	
	jQuery("body").prepend( styleswitcherstr );
    
	/*************** COLOR PICKER ******************/
	jQuery('#colorpicker').ColorPicker({
			onShow: function (colpkr) {
				jQuery(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				jQuery(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				
				var bgcolor = hex;
				jQuery('body').css({
					"background-color": '#' + bgcolor
				});     
				jQuery.cookie("ts_cookie_bgcolor", bgcolor);   
			},
      color: '#f1c702'
    });
	
	jQuery('#colorpicker2').ColorPicker({
			onShow: function (colpkr) {
				jQuery(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				jQuery(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				
				var linkcolor = hex;
				jQuery('#content a, #content a:visited, #maininner-left a, #maininner-left a:visited,  .latestpost-comment a, .latestpost-comment a:visited, .sep, .colortext, .ts-thinkbox-name, .more').css({
					"color": '#' + linkcolor
				});     
				Cufon.refresh();
				jQuery.cookie("ts_cookie_linkcolor", linkcolor);   
				
			},
      color: '#6eb26d'
    });
	
	
	jQuery('#colorpicker3').ColorPicker({
			onShow: function (colpkr) {
				jQuery(colpkr).fadeIn("fast");
				return false;
			},
			onHide: function (colpkr) {
				jQuery(colpkr).fadeOut("fast");
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				
				var headercolor = hex;
				jQuery('#intro-text, .widget-title, #maininner h1, #maininner h2, #maininner h3, #maininner h4, #maininner h5, #maininner h6, .posttitle a, .posttitle a:visited').css({
					"color": '#' + headercolor
				});     
				Cufon.refresh();
				jQuery.cookie("ts_cookie_headercolor", headercolor);   
				
			},
      color: '#000000'
    });
	
	
	/*************** END COLOR PICKER ******************/
	

  var bgcolor 			= jQuery.cookie("ts_cookie_bgcolor");
  var headercolor		= jQuery.cookie("ts_cookie_headercolor");
  var linkcolor			= jQuery.cookie("ts_cookie_linkcolor");
  
  
  if(bgcolor){
	jQuery("body").css({
		"background-color" : "#"+bgcolor
	});  
  }
  if(linkcolor){
  	jQuery('#content a, #content a:visited, #maininner-left a, #maininner-left a:visited, .latestpost-comment a, .latestpost-comment a:visited, .sep, .colortext, .ts-thinkbox-name, .more').css({
		"color": '#'+linkcolor
	});
  }
  if(headercolor){
  	jQuery('#intro-text, .widget-title, #maininner h1, #maininner h2, #maininner h3, #maininner h4, #maininner h5, #maininner h6, .posttitle a, .posttitle a:visited').css({
		"color": '#'+headercolor
	});
  }
  Cufon.refresh();
  
  jQuery("#switcher-reset").click(function(){
  		
		var bgcolor = "f1c702";
		jQuery('body').css({
			"background-color": '#' + bgcolor
		});     
		jQuery.cookie("ts_cookie_bgcolor", bgcolor);
		
		var linkcolor = "6eb26d";
		jQuery('#content a, #content a:visited, #maininner-left a, #maininner-left a:visited,  .latestpost-comment a, .latestpost-comment a:visited, .sep, .colortext, .ts-thinkbox-name, .more').css({
			"color": '#' + linkcolor
		});     
		jQuery.cookie("ts_cookie_linkcolor", linkcolor);  
		
		var headercolor = "000000";
		jQuery('#intro-text, .widget-title, #maininner h1, #maininner h2, #maininner h3, #maininner h4, #maininner h5, #maininner h6, .posttitle a, .posttitle a:visited').css({
			"color": '#' + headercolor
		});     
		Cufon.refresh();
		jQuery.cookie("ts_cookie_headercolor", headercolor);  
		
		Cufon.refresh();
  });
         
});