$(function () {
		$('.color-picker').each(function () {
				var o = $(this).find('.colorpicker');
				var color = $(this).find('.color-block .color').css('background-color');
				o.farbtastic(callbackFarbtastic);
				o.get(0).farbtastic.setColor(color);

			});
		$('.color-picker .color-block').click(
			function () {
				var o = $(this).next('.color-select-block').eq(0).find('.color-select');
				if (o.css('display') == 'block')
					$('.color-select').hide('slow');
				else
				{
					$('.color-select').hide('slow');
					o.show('slow');
				}
				return false;
			}
			);
		$('.color-picker .color-close').click(
			function () {
				$('.color-select').hide('slow');
				return false;
			});
	}
)

function callbackFarbtastic(color, o)
{
	if (typeof o == 'undefined')
	{
		var o = this.wheel;
		o = $(o).parents('.color-picker').eq(0).find('.color-block');
	}
	o.find('.color').css('background-color', color);
	o.find('.color-value').html(color);
	o.find('input').attr('value', color);
}