var growCount = 1;
var growSteps = 5;
var interval = 30;
var curImage = 0;
var curWidth = 0;
var curWidthRatio = 0;
var enlargeCache = new Hashtable();

function enlargeImage(img, thumbHeight, thumbWidth, enlargeHeight, enlargeWidth, key) {
	var enlargeImageSrc = new Image();
	if (enlargeCache.containsKey(key)) {
		enlargeImageSrc = enlargeCache.get(key);
	} else {
		enlargeImageSrc.src = "/productimage?loc="+escape(key);
		enlargeCache.put(key, enlargeImageSrc);
	}
	var curImageTop = getElementTopObj(img);
	var curImageLeft = getElementLeftObj(img);
	var enlargeCntr = getElement("enlargeCntr");
	var enlargeCntrImg = getElement("enlargeCntrImg");
	enlargeCntrImg.src = img.src;
	enlargeCntrImg.src = enlargeImageSrc.src;
	enlargeCntrImg.width = thumbWidth;		
	curWidthRatio = (enlargeWidth - thumbWidth) / growSteps;
	enlargeCntr.style.top = curImageTop;
	enlargeCntr.style.left = curImageLeft;
	enlargeCntr.style.display = "block";
	// grow image
	curImage = enlargeCntrImg;
	curWidth = thumbWidth;
	setTimeout('growImage()', interval);
}

function growImage() {
	growCount = growCount + 1;
	var newWidth = curWidth + (growCount * curWidthRatio);
	curImage.width = newWidth;	
	if (growCount < growSteps) {
		setTimeout('growImage()', interval);
	}
}

function resetImage() {
	growCount = 1;
	curImage = 0;
	curWidth = 0;
	curWidthRatio = 0;
	var enlargeCntr = getElement("enlargeCntr");
	enlargeCntr.src = "";
	enlargeCntr.style.left = -1000;
	enlargeCntr.style.display = "none";
}