function setZoom(img, dir, width, height, margin, zIndex, delay, position)
    {
    window.setTimeout(function(){
        if (img.dir==dir){
            img.style.width    = width;
            img.style.height   = height;
            img.style.margin   = margin;
            img.style.zIndex   = zIndex;
        }
    }, delay);
}

function imgLarger(img) {
    img.dir            = "rtl";
    img.style.position = "absolute";
	img.style.border   = "1px solid #d6d6d6";

    var width  = 204;
    var height = 154;
    var now    = parseInt(img.style.zIndex);
        if (isNaN(now)) { now=0; }

        for (i=now+1; i<=10; i++) {
            var w = (width * (10+i))/20 + "px";
            var h = (height* (10+i))/20 + "px";
            var m = (-i) + "px 0 0 " + (-width*i/40) + "px";

            setZoom(img, "rtl", w, h, m, i, 20*(i-now));
        }
}

function imgSmaller(img) {
    img.dir            = "ltr";
    img.style.position = "absolute";
	img.style.border   = "";

    var width  = 204;
    var height = 154;
    var now    = parseInt(img.style.zIndex);
        if (isNaN(now)) { now=0; }

        for (i=now-1; i>=0; i--) {
            var w = (width * (10+i))/20 + "px";
            var h = (height* (10+i))/20 + "px";
            var m = (-i) + "px 0 0 " + (-width*i/40) + "px";

            setZoom(img, "ltr", w, h, m, i, 20*(now-i));
        }
}