Javascript crop image client-side

I'd like to use javascript or jQuery to crop and compress an image on the client side before uploading to the server.

WorkFlow:

1. Select Image
2. Crop Image to specific size
3. Compress the crop
4. Upload

Has anyone done this before? What plugin or what do I have to do?

I see facebook can do compressing images and automatically resizing them before uploading.