// Configuration

var speed             = 10;    // Fewer - quickier
var softness         = 20;    // Fewer - softer
var title             = "Уменьшить изображение";    // Title for closing

document.onclick = remove

function zoom(param1, param2, param3) {
    imgOld = param1;
    rwidth = param2;
    rheight = param3;
    

    img = document.createElement("img");
    img.src = imgOld.src;
    img.width = imgOld.width;
    img.height = imgOld.height;
    img.title = title;
    img.style.cursor = "pointer";
    document.body.appendChild(img);

    img.setAttribute("zoomed", "1");
    img.style.position = "absolute";
    zooming();
}

function zooming() {
    var width = img.width;
    var height = img.height;
    
    if (img.width < rwidth - softness + 1 || img.height < rheight - softness + 1) {
        if (img.width < rwidth - softness + 1) img.width = parseInt(width) + softness;
        if (img.height < rheight - softness + 1) img.height = parseInt(height) + softness;
        
        img.style.left = imgOld.offsetLeft + imgOld.offsetWidth / 2 - img.offsetWidth / 2;
        img.style.top = imgOld.offsetTop + imgOld.offsetHeight / 2 - img.offsetHeight / 2;
        
        if (parseInt(img.style.left) < 0) img.style.left = 0;
        if (parseInt(img.style.top) < 0) img.style.top = 0;
        
        setTimeout(zooming, speed);
    } else {
        img.width = rwidth;
        img.height = rheight;
    }
}

function remove(event) {
    evt = window.event || event;
      target = evt.srcElement || evt.target;
      
      if (target.hasAttribute("zoomed")) {
          document.body.removeChild(target)
      }
}