function eventsRegistration()
{
	// rotate rect 180 degrees, in absolute coordinates - around (cX, cY)
	function rotate(rect, cX, cY) {	
		var tmp = {};

		tmp.left = Math.round(2*cX - rect.right);
		tmp.top = Math.round(2*cY - rect.bottom);
		
		rect.right = Math.round(2*cX - rect.left);
		rect.bottom = Math.round(2*cY - rect.top);
		rect.left = tmp.left;
		rect.top = tmp.top;
	}
	
	// distance is computed intentionally as a sum of distances along axes X and Y
	function neDist(pt1, pt2) { return Math.abs(pt1.X-pt2.X) + Math.abs(pt1.Y-pt2.Y); }
	
	// direction of diagonal
	function diagonal(pt1, pt2) { 
		var sign = (pt1.X-pt2.X)*(pt1.Y-pt2.Y);
		return (sign>0 ? "down" : (sign<0 ? "up" : null));
	}
	
	function resetInlay() {
		$('#inlay').offset({ left: 0, top: 0 });
		$('#inlay').width(0);
	 	$('#inlay').height(0);		
	}
	
	function getXY(e) {	 return (browser()==="MSIE" ? { X: e.offsetX, Y:e.offsetY } : { X: e.layerX, Y:e.layerY });  }
	function primary(bn) {	return (browser()==="MSIE" && getInternetExplorerVersion()<9.0) ? bn===1 : bn===0;  }
	function secondary(bn) {  return (bn === 2);	}
	function bnAction(bn) {  return primary(bn) ? 'primary' : (secondary(bn) ? 'secondary' : null);  }
	function inside(e) { return e.target.id==="overlay"; }
	function bnAllowed(e) { return primary(e.button) || (secondary(e.button) && (image.mouseMode==="motion" || image.mouseMode==="privacy"));  }
	function bnEnhanced(e) { 
		if((image.mouseMode==="motion" || image.mouseMode==="privacy") && (e.ctrlKey || e.shiftKey)) {
			return e.shiftKey ? "over" : "under";
		} else {
			return null;
		}
	}
	
	function executePTZnBacklight(selImg, dist, how) {
		
		if ((image.mouseMode==="ptz" || image.mouseMode==="ptzback") && dist>10) {
			// PTZ
			
			image.left.set('value', selImg.left);
			image.top.set('value', selImg.top);
			image.right.set('value', selImg.right);
			image.bottom.set('value', selImg.bottom);
			
			applyVideo();
			
			if (image.mouseMode==="ptzback") {
				image.left.onSet();
				image.top.onSet();
				image.right.onSet();
				image.bottom.onSet();				
			}
		}
	
		if ((image.mouseMode==="backlight" || image.mouseMode==="ptzback") && dist>10 && selImg.width>=128 && selImg.height>=128) {
			// exposure window (backlight reference)
			
			/*if (how === 'default') {
				// TODO 1: make dependent on the camera resolution
				// var mrg = 32;
				var mrg = Math.min(160, selImg.width/4, selImg.height/4);
				selImg.left += mrg;
				selImg.top += mrg;
				selImg.width -= 2*mrg;
				selImg.height -= 2*mrg;
			}
*/			
			// remember value of 'exposure' and restore it after finishing with expwnd...
			//var prevExp = (how==='default' ? "on" : getCameraParam('exposure'));
			if (how==='default')
				setCameraParam('exposure', 'on');
			else
			{
				setCameraParam('exposure', 'off');

				setCameraParam('expwndleft', selImg.left);
				setCameraParam('expwndtop', selImg.top);
				setCameraParam('expwndwidth', selImg.width);
				setCameraParam('expwndheight', selImg.height);
			}			
				
		}		
	}

	function executePrivacy(selImg, dist, how, overunder, updown) {		
		var pcell = 32,
			rect,
			onoff;
		
		function setBlock(rect, onoff) {
			// TODO 1: Math.round() is not tested on AV10005
			setCameraParam('pmaskleft', rect.left);
			setCameraParam('pmasktop', rect.top);
			setCameraParam('pmaskright', rect.right);
			setCameraParam('pmaskbottom', rect.bottom);
			
			setCameraParam('pmaskblock', onoff);			
		}
		
		// TODO 1: do not check with camera, after Privacy is set to update immediately
		if (getCameraParam("pmask") !== "on") {
			alert('To change privacy mask, check Enable Privacy Mask checkbox.')
		}
		
		if (how === 'default') {
			rect = {
				left : Math.ceil(selImg.left/pcell) - 1,
				top : Math.ceil(selImg.top/pcell) - 1,
				right : Math.ceil(selImg.right/pcell) - 1,
				bottom : Math.ceil(selImg.bottom/pcell) - 1
			};

			setBlock(rect, "off");
				
		} else if (overunder!==null && updown!==null) {
			
			onoff = (how==='primary'?"on":"off");
			rect = {
				left : Math.ceil(selImg.left/pcell) - 1,
				top : Math.ceil(selImg.top/pcell) - 1,
				right : Math.ceil(selImg.right/pcell) - 1,
				bottom : Math.ceil(selImg.bottom/pcell) - 1
			};
			
			var	tangent = Math.abs((rect.right-rect.left)/(Math.max(rect.bottom-rect.top, 1))),
				r = {},
				Y0 = (overunder==='under' ? rect.top : rect.bottom),
				Y1 = Y0,
				Y2 = (overunder==='under' ? rect.bottom : rect.top),
				dy = (overunder==='under' ? 1 : -1),
				currHeight = 0, 
				//X0 = ((updown==='down' && overunder==='under') || (updown==='up' && overunder==='over') ? rect.left : rect.right),
				dx = ((updown==='down' && overunder==='under') || (updown==='up' && overunder==='over') ? 1 : -1),
				X1,
				currWidth;
			
			while (Y1+currHeight !== Y2) {
				currWidth = Math.round(tangent*Math.abs(Y1+currHeight-Y0));
				if (currWidth===Math.round(tangent*Math.abs(Y1+currHeight+1-Y0))) {
					// continue increasing height of the block
					currHeight += dy;
				} else {
					// cannot increase height of the block anymore
					X1 = (dx>0 ? rect.left : rect.right + dx*currWidth);
					r = {
						left : X1,
						top : Y1,
						right : X1 + currWidth,
						bottom : Y1 + currHeight
					};
					
					setBlock(r, onoff);
					Y1 += currHeight+dy;
					currHeight = 0;
				}
			}
			/*
			for (h=rect.top; h<rect.bottom; h++) {
				r = {
					left : rect.left,
					top : h,
					right : rect.left + Math.round(tangent*(h-rect.top)),
					bottom : h
				};
				setBlock(r, onoff);
			}
			*/
		} else {
			onoff = (how==='primary'?"on":"off");
			rect = {
				left : Math.ceil(selImg.left/pcell) - 1,
				top : Math.ceil(selImg.top/pcell) - 1,
				right : Math.ceil(selImg.right/pcell) - 1,
				bottom : Math.ceil(selImg.bottom/pcell) - 1
			};

			setBlock(rect, onoff);
		}
	}
	
	function executeMD(selImg, dist, how) {
		var pcell = 32 * image.zoneSize,
			rect,
			onoff;

		function setBlock(rect, onoff) {
			// TODO 1: Math.round() is not tested on AV10005
			var i, j;
			alert("MD:" + rect.left + " " + rect.top + " " + rect.right + " " + rect.bottom + " " + onoff + " " + pcell);
		}

		// TODO 1: do not check with camera, after Privacy is set to update immediately
		//if (getCameraParam("motiondetect") !== "on") {
		//	alert('To change motion detection privacy mask, check Enable Motion Detection checkbox.')
		//}
		//else
		{
			onoff = (how==='primary'?"on":"off");
			rect = {
				left : Math.ceil(selImg.left/pcell) - 1,
				top : Math.ceil(selImg.top/pcell) - 1,
				right : Math.ceil(selImg.right/pcell) - 1,
				bottom : Math.ceil(selImg.bottom/pcell) - 1
			};

			setMDMask(rect, onoff);
		}	
	}
	
	function executeFocus(selImg, dist, how) {
		if (selImg.left < selImg.right && selImg.top < selImg.bottom)
		{
			//dijit.byId("textbox"+"F_Left").setValue(setCameraParam('focusleft', selImg.left));
			//dijit.byId("textbox"+"F_Top").setValue(setCameraParam('focustop', selImg.top));
			//dijit.byId("textbox"+"F_Right").setValue(setCameraParam('focusright', selImg.right));
			//dijit.byId("textbox"+"F_Bottom").setValue(setCameraParam('focusbottom', selImg.bottom));	
			if (how==='default')
			{
				selImg.left = Math.round(selImg.right/4);
				selImg.top = Math.round(selImg.bottom/4);
				selImg.width = Math.round(selImg.right/2);
				selImg.height = Math.round(selImg.bottom/2);				
				selImg.right = Math.round(selImg.right*3/4);
				selImg.bottom = Math.round(selImg.bottom*3/4);				
			}
			setCameraParam('focusleft', selImg.left);
			setCameraParam('focustop', selImg.top);
			setCameraParam('focusright', selImg.right);
			setCameraParam('focusbottom', selImg.bottom);	

			if (how==='default')
				redraw_seleted_window(selImg);
		}
	}
	
	function execute(selImg, dist, how, overunder, updown) {
		// actual image - absolute coordinates
		selImg.right = selImg.left + selImg.width;
		selImg.bottom = selImg.top + selImg.height;

		//if (image.isFlipped() && how!=='default') {
		//	rotate(selImg, (image.getLeft(true) + image.getRight(true))/2, (image.getTop(true) + image.getBottom(true))/2);
		//}
		
		if((image.mouseMode==="ptz" || image.mouseMode==="backlight" || image.mouseMode==="ptzback") && (how==='default' || how==='primary')) {
			executePTZnBacklight(selImg, dist, how);			
		}
		
		// TODO 0: check for another privacy parameter...?
		if(image.mouseMode==="privacy" && (how==='default' || how==='primary' || how==='secondary')) {
					//$('#diag').attr('src', $('#diagup').attr('src'));
					//alert($('#diag').width());
			executePrivacy(selImg, dist, how, overunder, updown);
		}
		
		if(image.mouseMode==="motion") executeMD(selImg, dist, how);
		
		if(image.mouseMode==="focus") executeFocus(selImg, dist, how);
	}
	
	//$('*').mousedown(function(e) { $('#bottom_region').append(e.target.id + " "); })
	
	$('#central_region').mousedown(function(e) {	
 		if (!inside(e) || !bnAllowed(e)) {
 			return;
 		}
 		
		image.ptDown = getXY(e);
		$('#midlay').empty();	// to be safe
		//$('#gridlay').empty();	// to be safe
		//document.title = "mousedown" + image.ptDown.X + " " + image.ptDown.Y;		
 		//e.stopImmediatePropagation();
			
		var color, border;	// selected rectangle
		switch (image.mouseMode) {
			case "view": 		color = '#888888'; 
								border = '#FFFFFF';
								break;
 			case "ptz": 		color = '#0000FF'; 
								border = '#AAAAFF';
								break;
 			case "backlight": 	color = '#00FF00'; 
								border = '#AAFFAA';
								break;
 			case "ptzback": 	color = '#00BBBB';
								border = '#AAFFFF';
								break;
 			case "motion": 		color = '#FFAA00';
								border = '#FFDDAA';
								break;
 			case "privacy": 	color = '#FF44BB';
								border = '#FFAADD';
								break;
			case "focus": 		color = 'transparent';
								border = '#FFFFFF';
								break;
			
 			default: 			color = '#444444'; 			
								border = 'FFFFFF';
								break;
		}
			
		if (secondary(e.button)) {
			color = '#FFFFFF';
		}
		
 		//$('#inlay').css('background-color', color);
 		//$('#inlay').css('border-color', border);
 		
 		$('#bg-table').css('background-color', color);
 		// TODO 1: borders do not show on Firefox?
 		$('#border-table').css('border-color', border);
 		return false;
 	});
 	
	var moveUpdateTime = 0;
	
 	$('#central_region').mousemove(function(e) {
 		if (!inside(e) || image.ptDown===null || !bnAllowed(e)) {
 			return;
 		}
 		
	 	e.stopImmediatePropagation();
 		
 		// TODO 2: little bug with jumping rectangle
		var pt1 = image.ptDown,
			pt2 = getXY(e);
		
 		var ptLeft = Math.min(pt1.X, pt2.X),		// left-top of the screen rectangle
		ptTop = Math.min(pt1.Y, pt2.Y),
		ptWidth = Math.abs(pt1.X - pt2.X),			// width-height of the screen rectangle
		ptHeight = Math.abs(pt1.Y - pt2.Y),
													// left-top in for offset()
		offLeft = ptLeft + $('#overlay').offset().left,
		offTop = ptTop + $('#overlay').offset().top;
 		
 		//document.title = offLeft + " " + offTop + " " + ptWidth + " " + ptHeight+ " " + ptLeft + " " + ptTop;	
 		//if (bnEnhanced(e)===null || diagonal(pt1, pt2)===null) {
 		if (image.mouseMode!=='privacy' && image.mouseMode!=='motion') {
 			// draw rectangle
 			$('#inlay').offset({ left: offLeft, top: offTop });
 			$('#inlay').width(ptWidth);
 			$('#inlay').height(ptHeight); 			
 		} else {
 				
 			var strMode = (image.mouseMode==='privacy' ? "pm" : "pm"),
 				strMask = (primary(e.button) ? "mask" : "unmask"),
 				strForm = ((bnEnhanced(e)===null || diagonal(pt1, pt2)===null) ? "rect" : (diagonal(pt1, pt2) + "-" + bnEnhanced(e))),
 				id = "#" + strMode + "-" + strMask + "-" + strForm;
 					
 						//debugger;
 			$(id).width(ptWidth).height(ptHeight); 						
 			$('#midlay').offset({ left: offLeft, top: offTop });
 			
 			// TODO 1: check for privacy selected
 			//if (id !== lastMaskId) {
 	 		//	$('#store').append($(id)); 				 				
 			//}	 			
 			//if ($(id).parent('#midlay').length === 0) {
 	 		//	$('#midlay').append($(id)); 				
 			//}
 					//debugger;
 			
 			$('#midlay').children().not(id).remove();
 			if ($('#midlay').children(id).length === 0) {
 				$('#midlay').append($(id).clone());
 			}
 		}
 		return false;
 	});
 		
 	$('#central_region').mouseup(function(e) {
 		
 		/* TODO 1: revisit later */
 		if (inside(e) && image.ptDown!==null && image.mouseMode==="view" && primary(e.button)) {
 			// pointing rectangle
			resetInlay();
 	 		image.ptDown = null;
 			return;
 		}
 		
	 	e.stopImmediatePropagation();
	 	resetInlay();

 		if (!inside(e) || image.ptDown===null || !bnAllowed(e)) {
 	 		image.ptDown = null;
 			return;
 		}
		
		var pt1 = image.ptDown,
			pt2 = getXY(e);
		//document.title = "good mouseup" + pt2.X + " " + pt2.Y;			
		image.ptDown = null;
		$('#midlay').empty();
		
		var ptLeft = Math.min(pt1.X, pt2.X),		// left-top of the screen rectangle
			ptTop = Math.min(pt1.Y, pt2.Y),
			ptWidth = Math.abs(pt1.X - pt2.X),		// width-height of the screen rectangle
			ptHeight = Math.abs(pt1.Y - pt2.Y),
			selImg = {};
			
		// compute selected rectangle in actual image - absolute coordinates
		selImg.left = Math.round((image.getLeft() + ptLeft/image.dispRatio)*image.Resolution());
		selImg.top = Math.round((image.getTop() + ptTop/image.dispRatio)*image.Resolution());
		selImg.width = Math.round(ptWidth*image.Resolution()/image.dispRatio);
		selImg.height = Math.round(ptHeight*image.Resolution()/image.dispRatio);
		
 		if (image.mouseMode=='backlight' || image.mouseMode=='focus') 	 	
 		{	
			redraw_seleted_window(selImg);
		}	
		
		execute(selImg, neDist(pt1, pt2), bnAction(e.button), bnEnhanced(e), diagonal(pt1, pt2));
		//$("#central_region").focus(); //<-- fix the FF issue to reset cursor
		return false;
 	});

 	$('#central_region').dblclick(function(e) {
 		image.ptDown = null;
		$('#midlay').empty();	// to be safe
		
 		if (inside(e)) {
 	 		var sensor = ((image.mouseMode==="privacy" || image.mouseMode==="motion") ? getMaxSensorDims() : getSensorDims());
 	 		execute(sensor, 1000, 'default');
 		} 	
 	});

 	$('#central_region')[0].f1080pChange = function() {
 		image.ptDown = null;
		$('#midlay').empty();	// to be safe
		
 		var prevMode,
 			sensor = getMaxSensorDims();
 
 		prevMode = image.mouseMode;
 		image.mouseMode = "ptz";
 		execute(sensor, 1000, 'default');		
 		image.mouseMode = prevMode;
 	};
 	
 	$(document).bind('contextmenu', function() { return false; });
 	
	var timerResize = false;
 	$(window).resize(function() { if (image.toScreen) {if(timerResize !== false) clearTimeout(timerResize); timerResize = setTimeout(imageReset, 1000);} });
 	
 	$(window).unload(function() { 
 		if (!av.saved) {
 			var save = confirm("You have changed some camera parameters, but have not saved the changes to flash.  The changes will be lost, when the camera reboots.\n\n" +
 								"Would you like to save the changes?"); 
 			if (save) {
 				setCameraParam("params", "save");
 			}
 		}
 	});
}



/*		
	// TODO 1: samples
	var mi = $('#mainImage')[0];
	mi.blur();                 // most browsers 
	mi.hideFocus = true;       // internet explorer
	mi.style.outline = 'none'; // mozilla
	
//$('#bottom_region').append('<br/>' + currHeight);
*/