/**
 * @author Davanzo
 */
  function crop(img_id, crop_id, x, y, width, height) {


    var scale_x = $(crop_id).getWidth() / width;
    var scale_y = $(crop_id).getHeight() / height;
	var yf = (-y * scale_y);
	var yie = (-y * scale_y);
	var xf = (-x * scale_x);
	var xie = (-x * scale_x);	
	document.getElementById(img_id).style.display = 'none'
	document.getElementById(crop_id).style.display = 'block'
    $(crop_id).update('<img id="' + crop_id + '_img" src="' +
        $(img_id).getAttribute('src') + '" style="top:'+yf+'px;*top=-'+yie+'px; left:'+xf+'px;_left=-'+xie+'px;" />');	
    
    $(crop_id).setStyle({
      position: 'relative',
      overflow: 'hidden'
    });

    $(crop_id + '_img').setStyle({
      position: 'absolute',
      display: 'block',	  
      width: ($(img_id).getWidth() * scale_x) + 'px',
      height: ($(img_id).getHeight() * scale_y) + 'px'
    }); 
  }