$('#ColorPicker_{{$fieldName}}').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#{{$fieldName}}').val(hex);
				$('#ColorPicker_{{$fieldName}} div').css('backgroundColor', '#' + hex);
			},
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor($('#{{$fieldName}}').val());
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});
		
		$('#{{$fieldName}}').ColorPicker({
			onSubmit: function(hsb, hex, rgb) {
				$('#{{$fieldName}}').val(hex);
				$('#ColorPicker_{{$fieldName}} div').css('backgroundColor', '#' + hex);
			},
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onBeforeShow: function () {
				$(this).ColorPickerSetColor($('#{{$fieldName}}').val());
			}
		})
		.bind('keyup', function(){
			$(this).ColorPickerSetColor(this.value);
		});