jQuery(function($) {
	$('#cropbox').Jcrop({
		onChange:	showCoords,
		onSelect:	showCoords,
		onRelease:	clearCoords,
		maxSize:	[399, 399],
		bgColor:	'black',
		bgOpacity:	.4,
		boxWidth: 	400,
		boxHeight:	400,
		setSelect:	[ 100, 130, 50, 50 ]//,
		//aspectRatio: 0.8
	});
});
// Simple event handler, called from onChange and onSelect
// event handlers, as per the Jcrop invocation above
function showCoords(c) {
	$('#x1').val(c.x);
	$('#y1').val(c.y);
	$('#x2').val(c.x2);
	$('#y2').val(c.y2);
	$('#w').val(c.w);
	$('#h').val(c.h);
};

function clearCoords() {
	$('#coords input').val('');
};