$(document).ready(function()
{
	$('#defaultExample').crayonbox();
	$('#colorsExample').crayonbox({
		colors: new Array('#F00', '#0000FF')
	});
	
	$('#selectedExample').crayonbox({
		colors     : new Array('#777', '#888', '#999', '#AAA', '#BBB', '#CCC', '#DDD'),
		selected   : '#999',
		crayonTag  : 'button',
		clearButton: true,
		onSelection: function(){
			alert( $(this).find('.coloring').attr('title') );
		}
	});
});