var mmax = 100;
var mmin = 40;
var step = 4;
var maxz = 10;

function zoomImg(evnt){
  if (!evnt && event) evnt = event; 
  if (!evnt.target && evnt.srcElement) evnt.target = evnt.srcElement;
  var el = evnt.target;

  if (el.tagName == "IMG" && el.id) {
    activeImg = el;
    el.onmouseout = new Function("activeImg = null; zoomOut(this.id);");
    el.style.zIndex = maxz;
    maxz++;
    zoomIn(el.id);
  }
  if(container) container.scrollLeft = ((thumb_width-container.offsetWidth) * (evnt.clientX  - container.cumulativeOffset().left) / container.offsetWidth);
}

function zoomIn(id){
  var el = $(id);
  if (el.complete){
    var el2id = "";
    if (activeImg) var el2id = activeImg.id;
    el_width = parseInt(el.getStyle("width"));
    el_top   = parseInt(el.getStyle("margin-top"));
    el_left  = parseInt(el.style.left);
    el_left = (!el_left?0:el_left);
    if (el && el_width < mmax && el2id == id) {
      el.setStyle({width:(el_width+step)+"px",
                   height:"auto",
                   marginTop:(el_top-step/2)+"px",
                   left:(el_left-step/2)+"px",
                   xmarginRight:(el_left-step/2)+"px"});
      setTimeout("zoomIn('"+id+"')",1);
    }
  }
}
function zoomOut(id){
  var el = $(id);
  if (el.complete){
    el_width = parseInt(el.getStyle("width"));
    el_top   = parseInt(el.getStyle("margin-top"));
    el_left  = parseInt(el.style.left);
    el_left = (!el_left?0:el_left);
    if (el && el_width > mmin) {
      el.setStyle({width:(el_width-step)+"px",
                   height:"auto",
                   marginTop:(el_top+step/2)+"px",
                   left:(el_left+step/2)+"px",
                   xmarginRight:(el_left+step/2)+"px"});
      setTimeout("zoomOut('"+id+"')",1);
    }
  }
}