// JavaScript Document

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

function larger(img, width, height) {
  img.dir='rtl';
  now=parseInt(img.style.zIndex);
  for (i=now+1; i<=10; i++) {
    w=(width*(10+i))/20+'px';
    h=(height*(10+i))/20+'px';
    m=(-width*i/45)+'px 0 0 '+(-width*i/18-16)+'px';
    setZoom(img, 'rtl', w, h, m, i, 40*(i-now));
  }
}

function smaller(img, width, height) {
  img.dir='ltr';
  now=parseInt(img.style.zIndex);
  for (i=now-1; i>=0; i--) {
    w=(width*(10+i))/20+'px';
    h=(height*(10+i))/20+'px';
    m=(-width*i/45)+'px 0 0 '+(-width*i/18)+'px';
    setZoom(img, 'ltr', w, h, m, i, 10*(now-i));
  }
}



function larger2(img, width, height) {
  img.dir='ltr';
  now=parseInt(img.style.zIndex);
  for (i=now+1; i<=10; i++) {
    w=(width*(10+i))/20+'px';
    h=(height*(10+i))/20+'px';
    m=(-width*i/25)+'px 0 0 '+(-width*i/40)+'px';
    setZoom(img, 'ltr', w, h, m, i, 20*(i-now));
	document.getElementById('scroller').scrollAmount = "0";
	img.style.position = "absolute";
  }
}

function smaller2(img, width, height) {
  img.dir='rtl';
  now=parseInt(img.style.zIndex);
  for (i=now-1; i>=0; i--) {
    w=(width*(10+i))/20+'px';
    h=(height*(10+i))/20+'px';
    m=(-width*i/30)+'px 0 0 '+(-width*i/40)+'px';
    setZoom(img, 'rtl', w, h, m, i, 10*(now-i));
	document.getElementById('scroller').scrollAmount = "5";
	img.style.position = "static";
  }
}