var FileZoomAjax = Class.create();
FileZoomAjax.prototype = {
	initialize: function(fileID){
		this.moves = {
			'zoomin' : 'zoom_in',
			'zoomout' : 'zoom_out',
			'recenter' : 'zoom_center',
			'actualsize' : '',
			'fullsize' : '',
			'capture' : '',
			'remove' : ''
		};
		this.fileID = fileID;
		this.clickX = '0';
		this.clickY = '0';
	},
	
	doMove: function(e) {
		if(this.size==6 && this.move == 'recenter') {
			return false;
		} else {
			this.getXYOffset(e);
			this.submitMove();
		}
	},
	
	getXYOffset: function(e) {
		// x,y coord of the picture on the page
//		var imgY = $("ZoomImage").offsetTop;
//		var imgX = $("ZoomImage").offsetLeft;
//		parentObj = $("ZoomImage").offsetParent;
		var imgY = document.getElementById("ZoomImage").offsetTop;
		var imgX = document.getElementById("ZoomImage").offsetLeft;
		parentObj = document.getElementById("ZoomImage").offsetParent;
		do{
			imgY += parentObj.offsetTop;
			imgX += parentObj.offsetLeft;	
			parentObj = parentObj.offsetParent;
		} while (parentObj);
		// x,y coord of the mouse click on the image relative to the page
		var pageX = pageY = 0;
		if (typeof e != "undefined" && e.pageX != undefined){
			pageX = e.pageX;
			pageY = e.pageY;
		} else if (typeof window.event != "undefined" && event.clientX != undefined){
			pageX = event.clientX;
			pageY = event.clientY;
		}
		this.clickX = (pageX-imgX);
		this.clickY = (pageY-imgY);
	},
		
	submitMove : function() {
		zoom(this.fileID, this.clickX, this.clickY);
	}
}