//Move Image Start
var imgZoom = null;
var zoomContainer = null;
var docPosition = null;

function setZoom(ZoomContainer, ImgZoom) {
	imgZoom = document.getElementById(ImgZoom);
	zoomContainer = document.getElementById(ZoomContainer);
	docPosition = getPosition(zoomContainer);
   //console.log("zoom");
    imgZoom.style.position="relative";
    imgZoom.style.cursor="crosshair";
	imgZoom.onmousemove = setImagePostion;
	imgZoom.onload = setImageStartPostion;
}

function setImageStartPostion(ev) {

	ev = ev || window.event;
	var mousePos = mouseCoords(ev);

	if ((mousePos.y - docPosition.y) < 0 | (mousePos.y - docPosition.y) > 480 | (mousePos.x - docPosition.x) < 0 | (mousePos.x - docPosition.x) > 640) {
		imgZoom.style.top = 0 - 640 + 'px';
		imgZoom.style.left = 0 - 480 + 'px';
	}
	else {
		setImagePostion(ev);
	}
}

function setImagePostion(ev) {
    
	ev = ev || window.event;
	var mousePos = mouseCoords(ev);
   //console.log(0 - ((mousePos.y - docPosition.y) * 2) + 'px');
	imgZoom.style.top = 0 - ((mousePos.y - docPosition.y) * 1) + 'px';
	imgZoom.style.left = 0 - ((mousePos.x - docPosition.x) * 1) + 'px';
}

function mouseCoords(ev) {
	if (ev.pageX || ev.pageY) {
		return { x: ev.pageX, y: ev.pageY };
	}
	return {
		x: ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
		y: ev.clientY + document.documentElement.scrollTop - document.body.clientTop
	};
}

function getPosition(obj) {
	var left = 0;
	var top = 0;
		
	if (obj.offsetParent) {

		while (obj != null) {
		    {
				left += obj.offsetLeft + (obj.clientLeft == null ? 0 : obj.clientLeft);
				top += obj.offsetTop + (obj.clientTop == null ? 0 : obj.clientTop);
				obj = obj.offsetParent;
			}
		}
    }

	return { x: left, y: top };
}

function mouseUp() {
	dragObject = null;
}