var form_upload;
var image_tools;
Event.observe(window, "load", function() {

    form_upload = new FormAjaxUpload('upload_image', {
        callbackSuccess: function (params) {
            image_tools.reloadImage(params.image_name, params.image_width, params.image_height);
            document.crop.sid.value = params.sid;
        }
    });

    image_tools = new ImageTools('testImage',{
        base_url: '/tmp-pic/',
        cropper: {
            preset_selector: 'cropper_preset',
            min_width: 50,
            min_height: 50,
            coords: {
                x1: 235,
                y1: 45,
                x2: 355,
                y2: 185
            }
        },
        zoomer: {
            step: 0.1,
            handler: 'zoomer_handler',
            track: 'zoomer_track',
            button_in: 'zoomer_in',
            button_out: 'zoomer_out'
        },
        resize_width: 'resize_width',
        resize_height: 'resize_height',
        crop_x: 'x',
        crop_y: 'y',
        crop_width: 'width',
        crop_height: 'height'
    });
});