$('#camouflage_options').live('submit', function() {
	$.post('/custom_camouflage_generator/generate_image', $('#camouflage_options').serialize(), function(data) {
		alert(data);
	});
	
	return false;
});

$('#preset').live('change', function () {
});

$('#ccg_l0').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l0').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l0_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l0_hex"]').val(hex);
		}
});

$('#ccg_l1').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l1').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l1_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l1_hex"]').val(hex);
		}
});

$('#ccg_l2').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l2').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l2_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l2_hex"]').val(hex);
		}
});

$('#ccg_l3').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l3').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l3_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l3_hex"]').val(hex);
		}
});

$('#ccg_l4').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l4').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l4_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l4_hex"]').val(hex);
		}
});

$('#ccg_l5').ColorPicker({
		onChange: function (hsb, hex, rgb) {
			$('#ccg_l5').css('background-color', '#'+hex);
			$('input:hidden[name="ccg_l5_rgb"]').val(rgb['r']+'-'+rgb['g']+'-'+rgb['b']);
			$('input:hidden[name="ccg_l5_hex"]').val(hex);
		}
});

function clear_choice(id) {
	$('#'+id).css('background-color', '');
	$('input:hidden[name="'+id+'_rgb"]').val('');
	$('input:hidden[name="'+id+'_hex"]').val('');
}