Als je hier naar toe gaat http://manchetknopenwereld.nl/designphoto/design/10bd477 zie je een plaatje, als je dat dan sleept dan wil ik een alert weergeven. Dus als de positie veranderd, weet iemand hoe ik dat kan doen? 
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function(){
// Apply jrac on some image.
$(.pane img).jrac({
crop_width: 250,
crop_height: 170,
crop_x: 100,
crop_y: 100,
image_width: 400,
viewport_resize: false,
viewport_onload: function() {
var $viewport = this;
var inputs = $viewport.$container.parent(.pane).find(.coords input:text);
var events = [jrac_crop_x,jrac_crop_y,jrac_crop_width,jrac_crop_height,jrac_image_width,jrac_image_height];
for (var i = 0; i < events.length; i++) {
var event_name = events[i];
// Register an event with an element.
$viewport.observator.register(event_name, inputs.eq(i));
// Attach a handler to that event for the element.
inputs.eq(i).bind(event_name, function(event, $viewport, value) {
$(this).val(value);
})
// Attach a handler for the built-in jQuery change event, handler
// which read user input and apply it to relevent viewport object.
.change(event_name, function(event) {
var event_name = event.data;
$viewport.$image.scale_proportion_locked = $viewport.$container.parent(.pane).find(.coords input:checkbox).is(:checked);
$viewport.observator.set_property(event_name,$(this).val());
});
}
$viewport.$container.append(<div>Inzoomen/uitzoomen
+$viewport.$image.originalWidth+ x
+$viewport.$image.originalHeight+</div>)
}
})
// React on all viewport events.
.bind(jrac_events, function(event, $viewport) {
var inputs = $(this).parents(.pane).find(.coords input);
inputs.css(background-color,($viewport.observator.crop_consistent())?chartreuse:salmon);
})
});
//--><!]]>
</script>
