text: $(function(){
  $('#searchFormColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebar1').css('background-color', '#' + hex);
  			$('#searchFormColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
   
  	$('#searchFormBorderColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebar1').css('border-color', '#' + hex);
  			$('#searchFormBorderColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  
  	$('#searchFormFontColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebar1').css('color', '#' + hex);
  		    $('.smallOptional').css('color', '#' + hex);
  			$('#searchFormFontColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	
  	$('#topmenubackgroundcolor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#header_top_menu ul ').css('background-color', '#' + hex);
  			$('#topmenubackgroundcolor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
   
  	$('#topmenubordercolor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#header_top_menu,#header_top_menu ul li.first_item').css('border-color', '#' + hex);
  			$('#topmenubordercolor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  
  	$('#topmenufontcolor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#header_top_menu a').css('color', '#' + hex);
  		   	$('#topmenufontcolor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#sitefooterfontcolor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#footer p').css('color', '#' + hex);
  			$('#footer a').css('color', '#' + hex);
  		    $('#sitefooterfontcolor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#menuBoxColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebarLogin').css('background-color', '#' + hex);
  		    $('#menuBoxColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	
  	$('#menuBoxBorderColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebarLogin').css('border-color', '#' + hex);
  		    $('#menuBoxBorderColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	
  	$('#siteOuterColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('body').css('background-color', '#' + hex);
  		    $('#siteOuterColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#siteInnerColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#wrapper .container').css('background-color', '#' + hex);
  		    $('#siteInnerColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#siteBorderColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#container').css('border-color', '#' + hex);
  		    $('#siteBorderColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#siteHeaderColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#header').css('background-color', '#' + hex);
  		    $('#siteHeaderColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('.container .brand').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#header').css('color', '#' + hex);
  		    $('#siteHeaderFontColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  	
  	$('#menuBoxFontColor').ColorPicker({
  		onSubmit: function(hsb, hex, rgb, el) {
  			$(el).val(hex);
  			$(el).ColorPickerHide();
  		},
  		onBeforeShow: function () {
  			$(this).ColorPickerSetColor(this.value);
  		},
  		onChange: function (hsb, hex, rgb) {
  			$('#sidebarLogin').css('color', '#' + hex);
  		    $('#menuBoxFontColor').val('#' + hex);
  		}
  	})
  	.bind('keyup', function(){
  		$(this).ColorPickerSetColor(this.value);
  	});
  
  });