function zoom_enter(obj)
  {    
  
    //show the div holding the enlarged image, set the div location on the screen
    var eImageDiv = document.getElementById('enlargedImageDiv');
    
    var eImage = document.getElementById('enlargedImage');    
    eImageDiv.style.left = obj.offsetLeft + obj.width + 10 + 'px';    
    eImageDiv.style.top = obj.offsetTop + 'px';
    eImageDiv.style.width = obj.width * zoomBoxSize + 'px';
    eImageDiv.style.height = obj.height * zoomBoxSize + 'px';
    
    eImage.src = obj.name;
    //eImage.src = obj.src;
    eImage.width = obj.width * zoomLevel * 2;
    eImage.height = obj.height * zoomLevel * 2;
    
    eImageDiv.style.visibility = 'visible';    
  }
  
  function zoom_exit()
  {
    //hide the div again
    obj = document.getElementById('enlargedImageDiv');
  	obj.style.visibility = 'hidden';    
  }
     
  function zoom_move(event)
  {  
    //find where the cursor is on the normalImage
    var nImage = document.getElementById('normalImage');

    xPos = nImage.offsetLeft;
		tempEl = nImage.offsetParent;
  		while (tempEl != null) {
  			xPos += tempEl.offsetLeft;
	  		tempEl = tempEl.offsetParent;
  		}

  	yPos = nImage.offsetTop;
  	
		tempEl = nImage.offsetParent;
		while (tempEl != null) {
  			yPos += tempEl.offsetTop;
	  		tempEl = tempEl.offsetParent;
  		}
	  
    if(typeof(event.pageX)== 'undefined')
    {
      x = event.clientX - xPos;      
      y = event.clientY - yPos;      
    }
    else
    {
      x = event.pageX - xPos;
      y = event.pageY - yPos;      
    }

    var eImage = document.getElementById('enlargedImage');
    var eImageDiv = document.getElementById('enlargedImageDiv');
    x = x * ((eImage.width-eImageDiv.style.width.substr(0, eImageDiv.style.width.length-2))/nImage.width);
    y = y * ((eImage.height-eImageDiv.style.height.substr(0, eImageDiv.style.height.length-2))/nImage.height);
    eImage.style.marginLeft = '-' + x + 'px';    
    eImage.style.marginTop = '-' + y + 'px';
    
  }