(function($) {
    $.fn.imagecropper = function(options) {
        var opts = $.extend({}, $.fn.imagecropper.defaults, options);

        return this.each(function() {
            opts.src = $(this).attr('src');
            // onclick action
            $(this).click(onClick);

            $(this).parent('span').append('<div style="display:none;background-image:url(../wp-content/plugins/vm-image-cropper/img/ruler_crop.png); background-repeat:no-repeat; width:16px; height:16px;position:absolute;right:0;bottom:0;"></div>');

            $(this).hover(function(){
                $(this).parent('span').children("div").fadeIn(600);
            },function(){
                $(this).parent('span').children("div").fadeOut(200);
            }); 
        });

        function onClick() {

            var href = opts.callback + '?img=' + opts.src;

            jQuery.fancybox({
                'padding': 0,
                'width': 620,
                'height': 600,
                'overlayOpacity': .2,
                'overlayColor': '#000',
                'titleFormat': null,
                'type': 'iframe',
                'href': href
            });

            return false;
        }
    }

    $.fn.imagecropper.defaults = { callback: false }
})(jQuery);