function goMoveMedBox(e) {
	var zoom = document.getElementById('zoom');
	var box = document.getElementById('medBox');
	var enl = document.getElementById('zBox');
	var large = document.getElementById('LargePic');

    var Pic = large.src;
	var dot = Pic.lastIndexOf('.');
	var Jay = Pic.lastIndexOf('j');
	var Pee = Pic.lastIndexOf('p');
	var Gee = Pic.lastIndexOf('g');
				
	if((dot == -1) || (Jay == -1) || (Pee == -1) || (Gee == -1)) {
	    return;
	}
				
	if((dot == (Jay+1)) || (Jay == (Pee+1)) || (Pee == (Gee+1))){
	    return;
	}
	
	var isIE = (document.all != undefined);
	
	var x = (isIE) ? e.x : e.pageX;
	var y = (isIE) ? e.y : e.pageY;
	
	var offset = getParentOffset(box);
	
	var boxL = (isIE) ? box.offsetLeft : box.offsetLeft + offset.x;
	var boxT = box.offsetTop + offset.y;
	 
	var relX = x - boxL;
	var relY = y - boxT;

	var boxW = box.offsetWidth;
	var boxH = box.offsetHeight;
	
	var enlW = enl.offsetWidth;
	var enlH = enl.offsetHeight;
	
	var enlSW = enl.scrollWidth;
	var enlSH = enl.scrollHeight;

	zoom.style.width = ((enlSW > 0) ? Math.floor(enlW / enlSW * boxW) : 0) + 'px';
	zoom.style.height = ((enlSH > 0) ? Math.floor(enlH / enlSH * boxH) : 0) + 'px';

	var zH = zoom.offsetHeight;
	var zW = zoom.offsetWidth;
	
	var zt = relY - Math.floor(zH / 2);
	var zl = relX - Math.floor(zW / 2) - 12;
	
	if (zt < 0)
		zt = 0;
	else if (zt > boxH - zH)
		zt = boxH - zH;
		
	if (zl < 0)
		zl = 0;
	else if (zl > boxW - zW)
		zl = boxW - zW;
	
	zl = zl + 12; //fudge factor for padding
	
	zoom.style.top = (boxT + zt) + 'px';
	zoom.style.left = (isIE) ? (boxL + zl) + 'px' : (zl) + 'px';
	zoom.style.visibility = 'visible';
	
	enl.style.visibility = 'visible';
	enl.scrollLeft = Math.floor(relX / boxW * enlSW - enlW / 2);
	enl.scrollTop = Math.floor(relY / boxH * enlSH - enlH / 2);
}

function getParentOffset(el) {
	var p = el.offsetParent;
	var l = 0;
	var t = 0;
	
	if (p) {
		var pOffset = getParentOffset(p);
		l = p.offsetLeft + pOffset.x;
		t = p.offsetTop + pOffset.y;
	}

	return {x: l, y: t};
}
			
function hideZoom() {
	var zoom = document.getElementById('zoom');
	var enl = document.getElementById('zBox');
	zoom.style.visibility = 'hidden';
	zoom.style.top = '-500px';
	zoom.style.left = '-500px';
	enl.style.visibility = 'hidden';
}

function ChangePics(image, Pic, medPic) {
	var Medium = document.getElementById('MediumPic');
	var Large = document.getElementById('LargePic');
	var Thumb1 = document.getElementById('thumb1');
	var Thumb2 = document.getElementById('thumb2');
	var Thumb3 = document.getElementById('thumb3');
	var Thumb4 = document.getElementById('thumb4');
	
	if (Thumb1) {
		Thumb1.style.border = "none";
	}
	if (Thumb2) {
		Thumb2.style.border = "none";
	}
	if (Thumb3) {
		Thumb3.style.border = "none";
	}
	if (Thumb4) {
		Thumb4.style.border = "none";
	}
	Pic.style.border = "solid 1px #CCC";
	
	Large.src = image;
	Medium.src = image;
	
	if (medPic != 'False') {
		Medium.src = medPic;
	}
}

