$.fn.cropper = function(options) {

    var settings = $.extend({
        cropWidth: 200,
        cropHeight: 200
    }, options );

    var reader = new FileReader();

    reader.onloadend = function(e) {

        var tempImg = new Image();
        tempImg.src = e.target.result;

        tempImg.onload = (function()
        {
            var MAX_WIDTH = settings.cropWidth;
            var MAX_HEIGHT = settings.cropHeight;
            var tempW = tempImg.width;
            var tempH = tempImg.height;

            if (tempW > tempH)
            {
               var swidth = tempW * MAX_HEIGHT / tempH;
               var sheight = MAX_HEIGHT;
               var sx = -((swidth / 2) - (MAX_WIDTH / 2));
               var sy = 0;
            }
            else
            {
               var sheight = tempH * MAX_WIDTH / tempW;
               var swidth = MAX_WIDTH;
               var sx = 0;
               var sy = -((sheight / 2) - (MAX_HEIGHT / 2));
            }

            var canvas = document.createElement('canvas');
            canvas.width = settings.itemWidth;
            canvas.height = settings.itemHeight;

            var ctx = canvas.getContext('2d');
            ctx.drawImage(this, sx, sy, swidth, sheight);

            var dataURL = canvas.toDataURL('image/jpeg');

            return '<img src="' + dataURL + '" title=""/>';
        });
    };

}