(function () {
    var imgZoom = 170;    // на сколько увеличить изображение из меню
    var scrollZoom = 20;  // на сколько увеличивать/уменьшать колесиком мыши
    var scrollTop = 1;    // или -1, переключение направление прокрутки для увеличение колёсиком

    // добавить новый пункт в меню изображений
    var contextMenu = document.getElementById("contentAreaContextMenu");
    var menuitem = contextMenu.appendChild(document.createElement("menuitem")); // как последний пункт меню
    menuitem.setAttribute("label", "Увеличить размер ( test )");
    addDestructor(function() contextMenu.removeChild(menuitem));
    addEventListener("popupshowing", function() menuitem.hidden = !gContextMenu.onImage, false, contextMenu);

    var ar = Cc['@mozilla.org/accessibleRetrieval;1'].getService(Ci.nsIAccessibleRetrieval);
    ar.getAccessibleFor(gBrowser); // ... ...

    // если клик или команда на пункте меню
    menuitem.setAttribute("oncommand", "this.run();");
    menuitem.run = function() {
        var img = gContextMenu.target; // получить изображение

        // конвертировать изображение в base64 ....
        var canvas = document.createElementNS(xhtmlns, 'canvas');
        canvas.width = img.naturalWidth;
        canvas.height = img.naturalHeight;
        var ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0);
        var base64 = canvas.toDataURL();

        // создать и открыть всплывающую подсказку с увеличенным изображением над изображением .... 
        var tooltip = gBrowser.appendChild(document.createElement("tooltip")), tts = tooltip.style;
        tooltip.setAttribute("onpopuphiding", "event.preventDefault();");
        tts.cssText = "margin: 0; padding: 0; -moz-appearance: none !important; border: none; background: transparent; max-width: none";
        var image = tooltip.appendChild(document.createElement("image"));

        var acc = ar.getAccessibleFor(img);
        acc.QueryInterface(Ci.nsIAccessibleImage);
        var [ax, ay, aw, ah] = [{}, {}, {}, {}];
        acc.getImagePosition(Ci.nsIAccessibleCoordinateType.COORDTYPE_WINDOW_RELATIVE, ax, ay);
        acc.getImageSize(aw, ah);
        var rect = { left: ax.value, top: ay.value, width: aw.value, height: ah.value };

        var ratio = rect.height / rect.width;
        image.style.width = rect.width + imgZoom + "px";
        tooltip.openPopup(img, "topleft", -1, -1, false, false, null);
        tts.opacity = "0";

        image.onload = function() {
            var k = mozInnerScreenY < 0 ? -mozInnerScreenY : 0;

            var left = rect.left - (outerWidth - innerWidth) / 2 - imgZoom / 2;
            var top = rect.top - ratio * imgZoom / 2;
        
            if (left < 0) left = 0;
            if (top < k) top = k;
            var r = left + rect.width + imgZoom - innerWidth;
            if (r > 0) left -= r;
            var b = top + rect.height + ratio * imgZoom - innerHeight;
            if (b > 0) top -= b;

            tts.top = top + "px"; tts.left = left + "px";
            tts.position = "fixed"; tts.opacity = "";
        };
        image.setAttribute("src", base64);

        // прокрутка на подсказке меняет размеры изображения, на странице закрывает его ....
        function imageZoom(e) {
            if (e.target != image) { removeTooltip(); return; }

            var zoom = (e.detail < 0 ? scrollZoom : -scrollZoom) * scrollTop;
            var zx = zoom / 2, zy = zx * ratio;
            var rect = tooltip.getBoundingClientRect();
            var left = rect.left - zx, top = rect.top - zy;
        
            if (zoom > 0) {
                var k = mozInnerScreenY < 0 ? -mozInnerScreenY : 0;

                if (left - zx < 0 && rect.right < innerWidth) left = 0;
                var r = rect.right + zx - innerWidth;
                if (r > 0 && left > 0) left -= r;

                if (top < k && rect.bottom < innerHeight) top = k;
                var b = rect.bottom + zy - innerHeight;
                if (b > 0 && top > k) top -= b;
            }
            image.style.width = rect.width + zoom + "px";
            tts.left = left + "px"; tts.top = top + "px";
        }
        gBrowser.addEventListener('DOMMouseScroll', imageZoom, true);

        // удалить подсказку и обработчики ....
        function removeTooltip() {
            try { gBrowser.removeChild( tooltip ) } catch(e) {};
            gBrowser.removeEventListener("click", removeTooltip, true);
            gBrowser.removeEventListener("DOMMouseScroll", imageZoom, true);
        }
        gBrowser.addEventListener("click", removeTooltip, true);  // удалить по клику на странице
    }   
})();