/*Спрятать подсказки*/

(function() {
    function onPS(e) {
        if ( e.target.lastChild && e.target.lastChild.nodeName == "image") return;
        if ( e.originalTarget.nodeName != "tooltip" || window.__attributesInspector) return;
        var node = e.originalTarget.ownerDocument.tooltipNode;
        for (; node && !(node instanceof HTMLAnchorElement); node = node.parentNode);
        !node && e.preventDefault();
    }
    const observer = {
        observe: function(win) win.addEventListener("load", this, false),
        handleEvent: function(e) {
            var doc = e.target;
            var win = doc.defaultView;
            win.removeEventListener("load", this, false);
            if (doc.location.href == "chrome://browser/content/browser.xul" || win.cbttp) return;
            win.cbttp = true;
            win.addEventListener("popupshowing", onPS, true);
            win.addEventListener("unload", function onUL() {
                win.removeEventListener("unload", onUL, false);
                win.removeEventListener("popupshowing", onPS, true);
            }, false)
        }
    }
    addEventListener("popupshowing", onPS, true);
    Services.obs.addObserver(observer, "domwindowopened", false);
    addDestructor(function() Services.obs.removeObserver(observer, "domwindowopened"));
})();


return;function winObs(aSubject, aTopic) {
   var windows = Cc["@mozilla.org/embedcomp/window-watcher;1"].getService(Ci.nsIWindowWatcher).getWindowEnumerator();
   while( windows.hasMoreElements() ) {
          var win = windows.getNext();    
          LOG( win.name )    
           }
};
Services.ww.registerNotification(winObs);
addDestructor(function() { Services.ww.unregisterNotification(winObs) });

alert(3/12); // картинка = 0.25
alert( (3+4)/(12+4) ); // увеличенная картинка = 0.4375

var ratio = 3/12;
alert( (3+4*ratio)/(12+4) ); // увеличенная картинка( by difabor) = 0.25

var zoom = e.detail < 0 ? ScrollZoom : -ScrollZoom;

var zoom = e.detail > 0 ? ScrollZoom : -ScrollZoom;

// Увеличивать размеры изображений из контекстного меню на странице, от 30.12.2013. ................................
(function () {
   var imgZoom = 170;   // на сколько увеличить изображение из меню
   var scrollZoom = 8;  // на сколько увеличивать/уменьшать колесиком мыши
   var scrollTop = 1;   // или -1, переключение направление прокрутки для увеличение колёсиком
   
   // добавить новый пункт в меню изображений
   var contextMenu = document.getElementById("contentAreaContextMenu");
   var menuitem = contextMenu.appendChild(document.createElement("menuitem")); // как последний пункт меню
   menuitem.setAttribute("label", "Увеличить размер");
   addDestructor(function() contextMenu.removeChild(menuitem));
   addEventListener("popupshowing", function() menuitem.hidden = !gContextMenu.onImage, false, contextMenu);

   // если клик или команда на пункте меню
   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") );
      tooltip.setAttribute("onpopuphiding", "event.preventDefault();");
      tooltip.style.cssText = "margin-left: -3px; margin-top: -3px; -moz-appearance: none !important; border: none; background: transparent; max-width: none";
      var image = tooltip.appendChild( document.createElement("image") );
      var h = img.height, w = img.width;
      image.style.width = w + imgZoom + "px"; image.style.height = h * (1 + imgZoom / w);
      image.setAttribute("src", base64 );
      tooltip.showPopup(img, -1, -1, "popup", "topleft", "none"); // открыть      
   
      // прокрутка на подсказке меняет размеры изображения, на странице закрывает его .... 
      function imageZoom(e) {
         if ( e && e.target != image ) { removeTooltip(); return; }
         var zoom = (e.detail < 0 ? scrollZoom : -scrollZoom) * scrollTop; 
         var h = image.clientHeight, w = image.clientWidth;
         image.style.width = w + zoom + "px";
         image.style.height = h * (1 + zoom / w) + "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);  // удалить по клику на странице         
   }   
})();