window.addEvent('domready', function() {

    var mooRequest = new Request({

        url:    'images-update-order/',
        method: 'post'

    });

    var mySortables = new Sortables('order-images', {

        constrain: true,
        opacity: 0.4,
        handle: 'handle',
        clone: false,
        onComplete: function() {

            mooRequest.send('order=' + mySortables.serialize(0))

        }

    });
    
    $$('a.delete').addEvent('click', function(e) {

        if (!confirm('Are you sure you want to delete this record?')) {

            e.stop();

        }

    });
    
    $$('a.accept').addEvent('click', function(e) {

        if (!confirm('Are you sure you want to allow this comment?')) {

            e.stop();

        }

    });
    
    $$('input.action-icon').each(function(anchor) {
    
        if (anchor.getProperty('id').match(/delete/) != null) {

            anchor.addEvent('click', function(e) {

                if (!confirm('Are you sure you want to delete this record?')) {

                    e.stop();

                }

            });

        }

    });

    if ($('roar') && $('roar').innerHTML != '') {
    
        var roar = new Roar({position: 'upperLeft'});
        
        roar.alert($('roar').innerHTML);
        
    }

    if ($('image_crop')) {

        var width = 200;
        var height = 150;

        var cropper = new uvumiCropper('image_crop', {

            keepRatio:          true,
            doubleClick:        0,
            mini:               {x:width, y:height},
            onComplete:         function(top,left,width,height) {

                                    $('top').set('value', top);
                                    $('left').set('value', left);
                                    $('width').set('value', width);
                                    $('height').set('value', height);

                                }
        });

    }

    
});