// Увеличивать размеры изображений из контекстного меню на странице, от 01.12.2013. ................................
(function () {
   var enlarged = 0; //I added this
   var contextMenu = document.getElementById("contentAreaContextMenu");  
   var menuitem = document.createElement("menuitem");      
   menuitem.setAttribute("label", "Увеличить размер");  
   contextMenu.appendChild( menuitem );   // как последний пункт меню 
   
   addDestructor(function() { contextMenu.removeChild( menuitem ) });
   addEventListener("popupshowing", function() { menuitem.hidden = !gContextMenu.onImage }, false, contextMenu );
   
   
   addEventListener("command", function(e) { 
      // получить изображение и его стиль
      var img = gContextMenu.target;
          
      if ( !img.hasAttribute('zoom') ) {
           var currStyle = Array.map(img.style, function(prop) { 
                  return prop  + ":" + img.style.getPropertyValue(prop) }).join(";");            
            img.setAttribute('zoom', true);
           }

      // увеличить изображение и его стиль
      if (enlarged == 0) {                  //I added this
        img.width = img.naturalWidth;       //I added this
        img.height = img.naturalHeight;     //I added this
      }// if (enlarged == 0)                //I added this
      img.height = img.height * 2;
      img.width = img.width * 2;
      img.style = 'position: relative; z-index: 1000; max-width:' + img.width * 2 + 'px; max-height:' + img.height * 2 + 'px;';      
      enlarged = 1;  //I added this
      // восстановить размер и стиль изображения по клику на странице 
      gBrowser.addEventListener("click", function r(e) {
        if ( e.originalTarget == img ) return;
        this.removeEventListener("click", r );
        try {
            img.style = currStyle; 
            img.width = img.naturalWidth;
            img.height = img.naturalHeight;            
            img.removeAttribute('zoom');
            } 
        catch(e) {}; 
      });
      
   }, false, menuitem );   

})();

// Увеличивать размеры изображений из контекстного меню на странице, от 01.12.2013. ................................
(function () {
   var enlarged = 0; //I added this
   var contextMenu = document.getElementById("contentAreaContextMenu");  
   var menuitem = document.createElement("menuitem");      
   menuitem.setAttribute("label", "Увеличить размер");  
   contextMenu.appendChild( menuitem );   // как последний пункт меню 
   
   addDestructor(function() { contextMenu.removeChild( menuitem ) });
   addEventListener("popupshowing", function() { menuitem.hidden = !gContextMenu.onImage }, false, contextMenu );
   
   
   addEventListener("command", function(e) { 
      // получить изображение и его стиль
         var img = gContextMenu.target;
         if ( !img.hasAttribute('zoom') ) {
            var currStyle = Array.map(img.style, function(prop) { 
                  return prop  + ":" + img.style.getPropertyValue(prop) }).join(";");            
            img.setAttribute('zoom', true);
           }

      // увеличить изображение и его стиль
      if (enlarged == 0) {                  //I added this
        img.width = img.naturalWidth;       //I added this
        img.height = img.naturalHeight;     //I added this
      }// if (enlaged == 0)                 //I added this
      img.height = img.height * 2;
      img.width = img.width * 2;
      img.style = 'position: relative; z-index: 1000; max-width:' + img.width * 2 + 'px; max-height:' + img.height * 2 + 'px;';      
      enlarged = 1;  //I added this
      // восстановить размер и стиль изображения по клику на странице 
      gBrowser.addEventListener("click", function r(e) {
        if ( e.originalTarget == img ) return;
        this.removeEventListener("click", r );
        try {
            img.style = currStyle; 
            img.width = img.naturalWidth;
            img.height = img.naturalHeight;            
            img.removeAttribute('zoom');
            enlarged = 0; //I added this
            } 
        catch(e) {}; 
      });
      
   }, false, menuitem );   

})();

// Увеличивать размеры изображений из контекстного меню на странице, от 01.12.2013. ................................
(function () {
   var contextMenu = document.getElementById("contentAreaContextMenu");  
   var menuitem = document.createElement("menuitem");      
   menuitem.setAttribute("label", "Увеличить размер");  
   contextMenu.appendChild( menuitem );   // как последний пункт меню 
   
   addDestructor(function() { contextMenu.removeChild( menuitem ) });
   addEventListener("popupshowing", function() { menuitem.hidden = !gContextMenu.onImage }, false, contextMenu );
   
   
   addEventListener("command", function(e) { 
      // получить изображение и его стиль
      var img = gContextMenu.target;
      if ( !img.hasAttribute('zoom') ) {
           var currStyle = Array.map(img.style, function(prop) { 
                  return prop  + ":" + img.style.getPropertyValue(prop) }).join(";");          
           img.setAttribute('zoom', true);
           }

      
       // получить массив с координатами изображения
       function getAbsolutePosition(el) {
          var r = { x: el.offsetLeft, y: el.offsetTop };
          if ( el.offsetParent ) {     
               var tmp = getAbsolutePosition(el.offsetParent);
               r.x += tmp.x;
               r.y += tmp.y;
          }
          return r;
       }
       var position = getAbsolutePosition(img);
       
       // всплывающая подсказка над изображением
       var tooltip = gBrowser.appendChild( document.createElement("tooltip") );           
       var image = tooltip.appendChild( document.createElement("image") );
       image.setAttribute("src", gContextMenu.imageURL );
       image.style.cssText = "margin: 0; width: 400px; height: 400px; -moz-box-orient: horizontal; text-align: center;";    
       
       tooltip.showPopup( gBrowser, position.x, position.y );
      
       // удалить подсказку по клику на странице 
       gBrowser.addEventListener("click", function r(e) {
          this.removeEventListener("click", r );
          try {
              gBrowser.removeChild( tooltip )
              } 
          catch(e) {}; 
       });

   }, false, menuitem );  
        
})();

// Увеличивать размеры изображений из контекстного меню на странице, от 01.12.2013. ................................
(function () {
   var contextMenu = document.getElementById("contentAreaContextMenu");  
   var menuitem = document.createElement("menuitem");      
   menuitem.setAttribute("label", "Увеличить размер");  
   contextMenu.appendChild( menuitem );   // как последний пункт меню 
   
   addDestructor(function() { contextMenu.removeChild( menuitem ) });
   addEventListener("popupshowing", function() { menuitem.hidden = !gContextMenu.onImage }, false, contextMenu );
   
   
   addEventListener("click", function(e) { 
      // получить изображение и его стиль
      var img = gContextMenu.target;
      if ( !img.hasAttribute('zoom') ) {
           var currStyle = Array.map(img.style, function(prop) { 
                  return prop  + ":" + img.style.getPropertyValue(prop) }).join(";");          
           img.setAttribute('zoom', true);
           }            
       
       // всплывающая подсказка с увеличивным изображением над изображением
       var tooltip = gBrowser.appendChild( document.createElement("tooltip") );           
       var image = tooltip.appendChild( document.createElement("image") );
       image.setAttribute("src", gContextMenu.imageURL );
       image.style.cssText = "margin: 0; width: 400px; height: 400px; -moz-box-orient: horizontal; text-align: center;";    
       tooltip.showPopup ( img, -1, -1, "popup", "bottomcenter", "bottomleft" );
      
       // удалить подсказку по клику на странице 
       gBrowser.addEventListener("click", function r(e) {
          this.removeEventListener("click", r );
          try {
              gBrowser.removeChild( tooltip )
              } 
          catch(e) {}; 
       });

   }, false, menuitem );  
        
})();

// создать новый стиль увеличивающий изображение ....
      var width = Math.round( img.naturalWidth/img.width ) > 1 ? img.naturalWidth : img.width + imgZoom;
      var height = Math.round( img.naturalHeight/img.height ) > 1 ? img.naturalHeight : img.height + imgZoom;

// создать новый стиль увеличивающий изображение ....
      var ratio = img.naturalHeight/img.naturalWidth;
      var width  = Math.round( img.naturalWidth/img.width ) > 1 ? img.naturalWidth : img.width + imgZoom;
      var height = Math.round( img.naturalHeight/img.height)> 1 ? img.naturalHeight :img.height + Math.round(imgZoom*ratio);