/* $Id: imagefield_crop.js,v 1.1.2.3.2.7 2009/04/06 12:51:29 yhager Exp $ */

Drupal.behaviors.imagefield_crop = function (context) { 
  // wait till 'fadeIn' effect ends (defined in filefield_widget.inc)
  setTimeout(attachJcrop, 1000, context);

  function attachJcrop(context) {
    if ($('#cropbox', context).length == 0) {
      // no cropbox, probably an image upload (http://drupal.org/node/366296)
      return;
    }
    var api = $.Jcrop($('#cropbox', context), {
      onChange: showPreview, 
      onSelect: setCoords,
      aspectRatio: Drupal.settings.imagefield_crop.ratio,
      boxWidth: Drupal.settings.imagefield_crop.box_width,
      boxHeight: Drupal.settings.imagefield_crop.box_height
      //    setSelect: getDimensions()
    });   
    var dim = getDimensions();
    api.animateTo(dim);
    
    // if images was scaled for display, scale the crop box. This should be given by Jcrop in future versions.
  };
  
  
  function setCoords(c) {
    setDimensions(c.x, c.y, c.w, c.h);
  };
  
  function showPreview(c) {
    
    var rx = Drupal.settings.imagefield_crop.preview.width / c.w;
    var ry = Drupal.settings.imagefield_crop.preview.height / c.h;
    
    $('.jcrop-preview', context).css({
      width: Math.round(rx * Drupal.settings.imagefield_crop.preview.orig_width) + 'px',
      height: Math.round(ry * Drupal.settings.imagefield_crop.preview.orig_height) + 'px',
      marginLeft: '-' + Math.round(rx * c.x) + 'px',
      marginTop: '-' + Math.round(ry * c.y) + 'px'
    });
    
  };
  
  // get select box dimensions from the form
  function getDimensions() {
    x =  parseInt($(".edit-image-crop-x", context).val()); 
    y =  parseInt($(".edit-image-crop-y", context).val());
    w =  parseInt($(".edit-image-crop-width", context).val());
    h =  parseInt($(".edit-image-crop-height", context).val());
    return [x, y, x+w, y+h];
  };
  
  function setDimensions(x, y, w, h) {
    $(".edit-image-crop-x", context).val(x);
    $(".edit-image-crop-y", context).val(y);
    if (w) $(".edit-image-crop-width", context).val(w);
    if (h) $(".edit-image-crop-height", context).val(h);
    $(".edit-image-crop-changed", context).val(1);
  };
};