var imageFile = "";
var zoomScale = (1000.0/385.0);	//Zoom Scale
var zoomSize = 150;
var imagePad = 50;

function zoomProduct(image) {
	zWin = window.open("/lib/rockworks/html/zoom.html?image="+image, "zoomWin", "height=544,width=485,toolbar=no,menubar=no,location=no,statusbar=yes");
	//window.open("Sample.htm",null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");
}

function zoomInit() {
	loc = window.location.href;
	qString = getQueryString(loc)
	qVars = parseQueryString(qString);
	imageFile = qVars.image;
	zImage = getElement("zoomImage");
	zAreaImage = getElement("zoomAreaImage");
	//alert(zAreaImage);
	//alert(imageFile);
	zImage.src = "/uploads/products/normal/"+imageFile;
	/*
	zAreaImage.src = "/uploads/products/zoom/"+imageFile;
	*/
	
	imageFile = imageFile.replace(new RegExp(" ", "g"), '%20'); //fix spaces
	zAreaImage.style.backgroundImage = "url(/uploads/products/zoom/" + imageFile + ")";
	//zWin.document.write(image);
	zoomSetPosition(192,222, true);	//center zoom
	var zoomDragable = new Draggable("zoomContainer", {'ghosting':false, 'onchange':zoomSetPositionFromDrag, 'starteffect':noop});
}

function zoomSetPosition(x, y, move) {
	zX = Math.round(x*zoomScale);
	zY = Math.round(y*zoomScale);
	zS = zoomSize / 2;
	zTop = zY-zS;
	zRight = zX+zS;
	zBottom = zY+zS;
	zLeft = zX-zS;
	xPos = -zLeft;
	yPos = -zTop;

	zArea  = getElement("zoomArea");
	//Clip to Area
	zClip = "rect(" + zTop + "px " + zRight + "px " + zBottom + "px " + zLeft + "px" + ")";
	zArea.style.clip = zClip;
	
	//Move top left to clipped area
	zArea.style.left = + xPos + "px";
	zArea.style.top =  + yPos + "px";
	
	if(move) {
		//Set position of whole area
		zContainer = getElement("zoomContainer");
		iPad = Math.round(imagePad /4);
		zContainer.style.left = (x-iPad) + "px";
		zContainer.style.top = (y-iPad) + "px";
	}
	
}

function zoomSetPositionFromDrag(drag) {
	//createLoggingPane(true);
	cDelta = drag.currentDelta();
	cX = cDelta[0] + (imagePad /2);
	cY = cDelta[1] + (imagePad /2);
	//log(cX);
	zoomSetPosition(cX, cY);
}

function zoomMoveToCursor() {
}

function getQueryString(location) {
	//get first ?
	qStart = location.indexOf("?");
	qString = location.substr(qStart+1);
	return qString;
}