$(document).ready(function($){
	var customElements = ".nav_box, .maintitle, .nodeIcon, .footer .pageContent, .button, .message .messageMeta .publicControls .control";
	$('.xf_colorpicker').ColorPicker({
		onSubmit: function(hsb, hex, rgb, el) {
		$(el).val(hex);
		$(el).ColorPickerHide();
		$(el).css("backgroundColor", "#" + hex);
		$(customElements).css("background-color", "#" + hex);
		$.cookie('customcolor',hex,{ expires: 365, path: '/'});
		},
		onBeforeShow: function () {
		$(this).ColorPickerSetColor(this.value);
		},
		onChange: function (hsb, hex, rgb) {
		$(customElements).css("background-color", "#" + hex);
		$.cookie('customcolor',hex,{ expires: 365, path: '/'});
		}
	})
	.bind('keyup', function(){
		$(this).ColorPickerSetColor(this.value);
	});

	if ( ($.cookie('customcolor') != null))	{
		$(customElements).css("background-color", "#" + $.cookie('customcolor'));
		$(".xf_colorpicker").val($.cookie('customcolor'));
	}
	else{
		$(customElements).css("background-color","#5696c4");
	}

});