var image = {
		type : 1,
		idTimeoutShort : null,
		idTimeoutLong : null,
		irisTimeout : null,
		timeLoadingStarted : avutil.getTime(),
		loading : true,
		
		maxsensorwidth : 1920,
		maxsensorheight : 1088,
		resolution : 'half',	
		
		fpsMaxVal : 30,
		
		h264BitrateCheck : false,
		audioEnable : "off",
		sdPlayback : false,
		channel : 1,
		
		makeH264String : function() { 
			return	"?res=" + this.resolution.getValue() + 
			"&x0=" + this.left.getValue() + 
			"&y0=" + this.top.getValue() + 
			"&x1=" + this.right.getValue() + 
			"&y1=" + this.bottom.getValue() +
			(this.h264BitrateCheck ? "&bitrate=" + this.h264BitrateNumber.getValue() : 			
			"&qp=" + this.h264Quality.getValue() + (this.h264EnableRatelimit.getValue()=="on" ? "&ratelimit=" + this.h264Ratelimit.getValue() : "") ) + 
			(0<this.fps.getValue() && this.fps.getValue()<=this.fpsMaxVal ? "&fps=" + this.fps.getValue() : "") + 	
			(this.audioEnable.getValue() == "on" ? "&mic=on" : "") + 
			"&doublescan=0";
			//"&channel=" + this.channel;
		},
		
		makeJpegString : function() { 		
			return	"?res=" + this.resolution.getValue() +
			"&x0=" + this.left.getValue() + 
			"&y0=" + this.top.getValue() + 
			"&x1=" + this.right.getValue() + 
			"&y1=" + this.bottom.getValue() +
			"&quality=" + this.jpegQuality.getValue() + 	
			//(this.sdPlayback.getValue() == true  ? "&sd=playback" : "&sd=off") + 			
			"&doublescan=0";
			//"&channel=" + this.channel;
		},

		getH264String : function() { return this.makeH264String() + "&ssn=" + Math.round((Math.random()*65535)); },
		getJpegString : function() { return this.jpegString; },
		
		// TODO 2: unfinished - does not work
	 	__httpH264Uri : function() { 
	 		if(isPCDevFixedInit()) {
	 			return "http://" + hostname() + "/h264stream" + "?doublescan=0&res=half&qp=20&x0=0&y0=0&x1=2400&y1=1600&ssn=4444";	 			
	 		} else {
	 			return "http://" + hostname() + "/h264stream" + this.getH264String();
	 		}
	 	},		
	 	
	 	rtspUri : function() { 
	 		if(isPCDevFixedInit()) {
	 			return "rtsp://" + hostname() + "/h264.sdp" + "?doublescan=0&res=half&qp=20&x0=0&y0=0&x1=2400&y1=1600&ssn=4444";	 			
	 		} else {
	 			return "rtsp://" + hostname() + "/h264.sdp" + this.getH264String();
	 		}
	 	},		
	 	
 		jpegUri : function() { 
 		 	this.timeLoadingStarted = avutil.getTime();
	 		if(isPCDevFixedInit()) {
	 			return /*"http://" + hostname() +*/ "/image" + "?doublescan=0&res=half&quality=16&x0=0&y0=0&x1=2400&y1=1600" + "&id=" + this.timeLoadingStarted;	 			
	 		} else {
	 			return /*"http://" + hostname() +*/ "/image" + this.getJpegString() + "&id=" + this.timeLoadingStarted;
	 		}
 		},
	 	
	 	isFlipped : function() { 
	 		if (typeof flipped === 'boolean') {
	 			return flipped;
	 		} else {
		 		return (this.flipped.getValue() == 180); 
	 			
	 		}
 		},

 		// actual values - may be different from the values, stored in the controls
 		actual : {
 			// TODO 3: change 64 to 2 for flexible cropping
 			makeDivisible : function() {
 				var grain = 64/this.iResolution;
 				
 				this.left = divisible(this.left, grain, 1);
 				this.top = divisible(this.top, grain, 1);
 				this.width = divisible(this.width, grain, -1);
 				this.height = divisible(this.height, grain, -1);
 				
 				this.right = this.left + this.width;
 				this.bottom = this.top + this.height;
 				
 				// do not allow empty image
 				if 		(this.left>=this.right && this.left===0) {
 					this.right = grain;
 					this.width = grain;
 				} else if(this.left>=this.right && this.left>=grain) {
 					this.left -= grain;
 					this.width = grain;
 				} else if(this.top>=this.bottom && this.top===0) {
 					this.bottom = grain;
 					this.height = grain;
 				} else if(this.top>=this.bottom && this.top>=grain) {
 					this.top -= grain;
 					this.height = grain;
 				}
 			}
 		},
 		
 		setActual : function() {
 			this.actual.iResolution = (this.resolution.getValue()==="full" ? 1 : 2); // full or 1/2
 			
 			this.actual.left = Number(this.left.getValue());
 			this.actual.top = Number(this.top.getValue());
 			this.actual.right = Number(this.right.getValue());
 			this.actual.bottom = Number(this.bottom.getValue());
 			
 			this.actual.width = this.actual.right - this.actual.left;
 			this.actual.height = this.actual.bottom - this.actual.top;
 		},
 		
 		makeDivisible : function() {
 			this.actual.makeDivisible();
 			// TODO 2: set in visible parameters?
 		},
 		
	 	getWidth : function(raw) { return this.actual.width / (raw===true?1:this.actual.iResolution); },
	 	getHeight : function(raw) { return this.actual.height / (raw===true?1:this.actual.iResolution); },
	 	getLeft : function(raw) { return this.actual.left / (raw===true?1:this.actual.iResolution); },
	 	getTop : function(raw) { return this.actual.top / (raw===true?1:this.actual.iResolution); },
	 	getRight : function(raw) { return this.actual.right / (raw===true?1:this.actual.iResolution); },
	 	getBottom : function(raw) { return this.actual.bottom / (raw===true?1:this.actual.iResolution); },
	 	Resolution : function() { return this.actual.iResolution; },
	 	
	 	///////////////////// image scaling and related
		toScreen : true,	// limit image to screen
		dispRatio : 1,		// current ratio of display image / camera image (decimated, if enabled) 

		mouseMode : "view",
		ptDown : null,
		
		// motion matrix
		mm : [],
		mdEnable : 0,
		zoneSize : 8,
		mdTableReady : 0,
		zbnum : 8,
		gridVer : 8,
		gridHor : 8,
		gridSize : 32
};

function getClientWH() {
	// TODO 1: probably not working in Firefox
	var center = document.getElementById('central_region');
	//alert(center.clientWidth + " X " + center.clientHeight);
	
	// decrease sizes to ensure fit w/out scroll bars
	return { 
		w : Math.max(center.clientWidth - 10, 80), 
		h : Math.max(center.clientHeight - 15, 45) 
	};
}

//get input for gamma from the actual parameter value
function antiGamma(val) {
//	var ret = (val-0.5)/255;
//	ret = Math.log(ret) / Math.log((32-8)/216.0);
//	ret *= 100;
	ret = val;	
	return ret;
}

// borrowed from AVLoader::Gamma() in AV100
function setGamma(val) {
	var i, 
   		gamma = [];
		x = [0, 4, 8, 16, 32, 64, 96, 128, 160, 192, 224];
   
	if(val < 40) val = 40;
	else if(val > 100) val = 100;
   
	for(i=10; i>=4; i--) {
		gamma[i] = 255*Math.pow((x[i]-8)/216.0, val/100.0) + 0.5;
	}
	for(i=3; i>=0; i--) {
		gamma[i] = x[i] * gamma[4] /32.0 + 0.5;
	}
	
    for(i=10; i>=0; i--) {
    	// made to work like in AV100
    	setCameraRegister(3, 160+i, Math.floor(gamma[i]));

    	// slow down for 1ms
    	slowdown();
    }
    setCameraRegister(3, 159, 1);
    //document.title = val + " " + gamma[1] + " " + gamma[2] + " " + gamma[3] + " " + gamma[4] + " " + gamma[5] + " " + gamma[6] + " " + gamma[7] + " " + gamma[8] + " " + gamma[9] + " " + gamma[10];
    return Math.round(gamma[4]);
    
   /* keep!
   else // multi-sensor camera
   {
     Page(6);
     for(int i=10; i>=0; i--)
     {
        Register(0x69+i, (int)gamma[i], roDIRECT);
        Sleep(50U);
     }
     Register(0x68, 1, roDIRECT);
     Page(3);
   }
   */
}

function onParametersChange2() {
	if (image.type === 3) {
		// give camera some time to react, but not too much; also, trying to avoid showing bad image on flip (timeouts 50-200ms for 5155DN)
		clearTimeout(image.idTimeoutShort);
		image.idTimeoutShort = setTimeout('imageReset()', 500);
	}
}

function imageTypeSelection(action, value) {
	if (action === 'get') {
		return image.type;
	} else {
		if (value == 2)
		{
			var val = 1*image.fps.getValue();
			dijit.byId("textbox"+"Frames per second").setValue(val);
			dijit.byId("slider"+"Frames per second").setValue(val);	
		}
		image.type = value;
		imageReset();
	}
}

function applyVideo() {
	image.makeDivisible();
	image.setActual();
	image.jpegString = image.makeJpegString();
	image.rtspLink.set('value', image.rtspUri());
	imageReset();
}

function applyVideoIfDims() { 	
	if (checkImgSize()) {
		applyVideo();
	}
}

function redraw_seleted_window(selImg)
{
	var imgPos = {};
	imgPos.ptLeft = Math.round( (selImg.left / image.Resolution() - image.getLeft()) * image.dispRatio );
	imgPos.ptTop = Math.round( (selImg.top / image.Resolution() - image.getTop()) * image.dispRatio );
	
	imgPos.ptWidth = Math.round( (selImg.width / image.Resolution()) * image.dispRatio );
	imgPos.ptHeight = Math.round( (selImg.height / image.Resolution()) * image.dispRatio );
	
	imgPos.offLeft = imgPos.ptLeft + $('#overlay').offset().left,
	imgPos.offTop = imgPos.ptTop + $('#overlay').offset().top;
	
	// draw rectangle
	$('#inlay').offset({ left: imgPos.offLeft, top: imgPos.offTop });
	$('#inlay').width(imgPos.ptWidth);
	$('#inlay').height(imgPos.ptHeight); 		
 	
 	//alert("#inlay:" + imgPos.offLeft + " " + imgPos.offTop + " " + imgPos.ptWidth + " " + imgPos.ptHeight + " " + imgPos.ptLeft + " "+ imgPos.ptTop);
	return imgPos;
}

function channel(action, value) {
	if (action === 'get') {
		return image.channel;
	} else {
		image.channel = value;
		applyVideo();
	}
}

function mouseMode(action, value) {
	if (action === 'get') {
		return image.mouseMode;
	} else {
		image.mouseMode = value;
		var selImg = {};
		//$('#border-table').css('border-width', '10px');
		if (value == "focus")
		{
			color = 'transparent'; 			
			selImg.left = getCameraParam("focusleft");
			selImg.top = getCameraParam("focustop");
			selImg.width = getCameraParam("focusright") - selImg.left;
			selImg.height = getCameraParam("focusbottom") - selImg.top;		
			//alert("selImg:" + selImg.left + " " + selImg.top + " " + selImg.width + " " + selImg.height);
			$('#bg-table').css('background-color', color);
			$('#border-table').css('border-color', '#FFFFFF');	// finished: white
			redraw_seleted_window(selImg);
		}
		else if (value == "backlight" && getCameraParam("exposure") == "off")
		{
			color = '#00FF00'; 
			border = '#AAFFAA';
			selImg.left = getCameraParam("expwndleft");
			selImg.top = getCameraParam("expwndtop");
			selImg.width = getCameraParam("expwndwidth");
			selImg.height = getCameraParam("expwndheight");		
			//alert("selImg:" + selImg.left + " " + selImg.top + " " + selImg.width + " " + selImg.height);
			$('#bg-table').css('background-color', color);
			redraw_seleted_window(selImg);				
		}
		else
		{
			$('#inlay').offset({ left: 0, top: 0 });
			$('#inlay').width(0);
	 		$('#inlay').height(0);	
		}
	}
}

function vbr(action, value) {
	if (action === 'get') {
		return "vbr";
	} else {
		image.h264BitrateCheck = false;
		dijit.byId("radio"+"cbr0").set('checked',false);
		tmp_bitrate = 1*image.h264BitrateNumber.getValue();
		image.h264BitrateNumber.setValue(0);		
		//dijit.byId("radio"+"cbr0").setValue('vbr');
	}
}

var tmp_bitrate;
function cbr(action, value) {
	if (action === 'get') {
		if (tmp_bitrate=1*getCameraParam("bitrate"))
		{
			dijit.byId("radio"+"vbr0").set('checked',false);
			image.h264BitrateCheck = true;
			return "cbr";
		}
	} else {
		image.h264BitrateCheck = true;
		dijit.byId("radio"+"vbr0").set('checked',false);
		//dijit.byId("radio"+"vbr0").setValue('cbr');
		image.h264BitrateNumber.setValue(tmp_bitrate);
	}
}

function videoToScreen(action, value) {
	if (action === 'get') {
		return image.toScreen;
	} else {
		image.toScreen = value;
		imageReset();
	}
}
/*
function nextJPEGImage() {
 	var hiddenImage = document.getElementById('hiddenImage');
 	var mainImage = document.getElementById('mainImage');
 	var cell;
 	if (mainImage!==null && hiddenImage!==null) {
 		mainImage.src = hiddenImage.src;
 		hiddenImage.src = image.jpegUri();		
 		prepareMDTable();
 		if (image.mdEnable) drawMDcells();
 	}
}

function jpegTimeouts() {
	clearTimeout(image.idTimeoutShort);
	clearTimeout(image.idTimeoutLong);
	
	var liveJpeg;
	if (1<=image.fps.getValue() && image.fps.getValue()<=16) {
		liveJpeg = 1000/image.fps.getValue();
	} else {
		// TODO 2: change frequency depending on logical sensor size, current cropped size and binning mode
		liveJpeg = 30; // 30ms for maximum frequency of 33fps
	}
	
	var loadTime = avutil.getTime() - image.timeLoadingStarted;
	var dt = liveJpeg - loadTime;
	var timeout = Math.max(Math.min(dt, 1000), 2);
			
	// normal timeout for next image
	image.idTimeoutShort = setTimeout("nextJPEGImage()", timeout);
	
	// long timeout - if image failed to load	
	image.idTimeoutLong = setInterval("jpegTimeouts()", 60*1000);
}
*/


function preload()

{
	var hiddenImage = document.getElementById('hiddenImage');


	hiddenImage.src = image.jpegUri();	

}

function myErrorHandler()
{
	image.loading = false;
}

function showimage()

{
	var hiddenImage = document.getElementById('hiddenImage');
	var mainImage = document.getElementById('mainImage');

	clearInterval(image.idTimeoutLong);

	if (image.loading == false)
		image.loading = true;
	else
	{
		if (model.isDualsensor())
		{
			var img_tmp=new Image();
			img_tmp.src=document.hiddenImage.src;
			//document.title = img_tmp.width + " " + img_tmp.height + " " + image.getWidth() + " " + image.dispRatio;
			$('#mainImage').width(Math.round(image.dispRatio * img_tmp.width));
			$('#mainImage').height(Math.round(image.dispRatio * img_tmp.height));
		}
		mainImage.src=hiddenImage.src;
	}
	image.idTimeoutLong=setInterval("preload()",5000);	
	prepareMDTable();
	if (image.mdEnable) drawMDcells();

				 
}

function foo() {;}
function hidfoo() {;}
function mainfoo() {;}

function loadImage()
{
 	var mainImage = document.getElementById('mainImage');
 	mainImage.src = image.jpegUri();
 	
}

function imageRemove() {
	var center = document.getElementById('central_region');
	
	// delete existing image related artifacts
	clearTimeout(image.idTimeoutShort);
	clearInterval(image.idTimeoutLong);
	
	while (center!==null && center.hasChildNodes()) {
		if (center.lastChild.id === "overlay") {
			break;			
		}
		center.removeChild(center.lastChild);			
	}
}

var idTimeoutDelay;
function imageSetup() {
	var center = document.getElementById('central_region');
	/*imageRemove();
	
	if (image.toScreen) {
		var client = getClientWH();
		// limit magnification to 128x
		image.dispRatio = Math.min(client.w/image.getWidth(), client.h/image.getHeight(), 128);
	} else {
		image.dispRatio = 1;
	}
		*/
		//clearTimeout(idTimeoutDelay);
	if 			(image.type === 2) {	// H.264
	 	var embed = document.createElement('embed');
	 	embed.src = image.rtspUri();
	 	embed.autoplay = "true";
	 	embed.type = "application/x-vlc-plugin";
//	 	embed.type = "video/quicktime";
	 	// TODO 2: may be not precise sometimes - not taking into account rounding to 32x or 64x
	 	embed.width = image.dispRatio * image.getWidth(); 
	 	embed.height = image.dispRatio * image.getHeight();
	 	
	 	$('#overlay').width(embed.width);
	 	$('#overlay').height(embed.height);
	 	
 		center.appendChild(embed);
		
	} else if	(image.type===1 || image.type===3) { // M-JPEG or still image
		center.innerHTML += '<div style="display:none">	<img id="hiddenImage" alt=""> </div> <img id="mainImage" alt="">';

		var w = Math.round(image.dispRatio * image.getWidth()),
	 		h = Math.round(image.dispRatio * image.getHeight());
	 	
		$('#mainImage').width(w);
		$('#mainImage').height(h);
	 	$('#overlay').width(w);
	 	$('#overlay').height(h);		
	 			
	 	var hiddenImage = document.getElementById('hiddenImage');
	 	var mainImage = document.getElementById('mainImage');
	 	hiddenImage.src = image.jpegUri();
	 	
	 	//mainImage.draggable = false;
	 	// prevents image dragging & highlighting in Firefox
	 	$('#mainImage').mousedown(function(e) { e.preventDefault(); });
	 	$('#mainImage').mousemove(function(e) { e.preventDefault(); });
	 	$('#mainImage').mouseup(function(e) { e.preventDefault(); });
	 	
	 	//$('#central_region').mouseup(function(e) { e.preventDefault(); });
	 	//$('#central_region').click(function(e) { e.preventDefault(); });
	 	/*
	 	$('#inlay').mouseup(function(e) { e.preventDefault(); });
	 	$('#inlay').click(function(e) { e.preventDefault(); });
	 	$('#overlay').mouseup(function(e) { e.preventDefault(); });
	 	$('#overlay').click(function(e) { e.preventDefault(); });
	 	*/
	 	
	 	if (image.type === 1) {
	 		//hiddenImage.onunload = hidfoo;
			hiddenImage.onload = showimage;	//jpegTimeouts;
			hiddenImage.onError = myErrorHandler;
			//mainImage.onunload = mainfoo;	// dummy function
			mainImage.onload = function(){image.idTimeoutShort = setTimeout(preload, 0);};

//			hiddenImage.onload = function(){image.idTimeoutShort = setInterval(loadImage, 0);};
			
		} else {
			hiddenImage.onload = function() { mainImage.src = hiddenImage.src; };
		}
	 	
	}
	image.mdTableReady = 0;
}

function imageReset() {
	imageRemove();
	
	if (image.toScreen) {
		var client = getClientWH();
		// limit magnification to 128x
		image.dispRatio = Math.min(client.w/image.getWidth(), client.h/image.getHeight(), 128);
	} else {
		image.dispRatio = 1;
	}
	//imageSetup();
	idTimeoutDelay=setTimeout(imageSetup, 2000);
}

// TODO 0: warn about wrong zone size; 
// ext===8 for the old MD and 32 for the extended MD 
function calculateGrid(ext)
{
	var sensor = getMaxSensorDims(),
	subz = {},
	zsize = image.zoneSize;
	
	subz.hor = Math.ceil(sensor.width / zsize / 32);
	subz.ver = Math.ceil(sensor.height / zsize / 32);
	if (subz.hor > image.zbnum) subz.hor = image.zbnum;
	if (subz.ver > image.zbnum) subz.ver = image.zbnum;
	subz.size = zsize * 32 * image.dispRatio / image.Resolution();
//	alert('grid: ' + subz.hor + ' x ' + subz.ver + " " + image.zbnum + " " + subz.size +" " + image.dispRatio);
	return subz;
}

// draw grid, measured as the number of 32x32 sub-zones horizontally & vertically
function drawGrid(subz)
{
//	var tbl = document.getElementById("lay-table");
//	var tr = document.createElement("tr");
//	tr.setAttribute("style","height:800pt;");
//	var td = document.createElement("td");
//	td.setAttribute("style","width:800pt;");
//	var td = document.createElement("td");
//	tbl.appendChild(tr.appendChild(td));
//	tr.appendChild(td);
//	tr.appendChild(td);
}

//draw in screen coordinates
function drawGridScreen(nHor, nVer, side)
{
	var tbl = $('#lay-table')[0],
		row, cell,
		i, j;
	
	//tbl.innerHTML = "";
	tbl.style.tableLayout = 'fixed';
	tbl.width = Math.ceil(nHor*side);
	tbl.height = Math.ceil(nVer*side);
	side = Math.ceil(side);
	
	if (browser()==="MSIE")
	{
		for (i=0; i<nVer; i++) {
			row = tbl.insertRow();
			for (j=0; j<nHor; j++) {
				cell = row.insertCell();
				cell.id = i + "_" + j;
				//cell.setAttribute("width", side);
				cell.setAttribute("height", side);				
//				cell.innerText = "c" + i + "-" + j + " " + cell.getAttribute("id"); 
				image.mm[i,j] = 0;
			}
		}
	}
	else
	{
		for (i=0; i<nVer; i++) {
			row = tbl.insertRow(i);
			//row.setAttribute("style","height:" + side +"pt;");
			for (j=0; j<nHor; j++) {
				cell = row.insertCell(j);
			//	cell.setAttribute("style","width:" + side +"pt;");
				//cell.setAttribute("width", side);
				cell.setAttribute("height", side);
				cell.id = i + "_" + j;
//				cell.innerHTML = "c" + i + "-" + j + " " + cell.getAttribute("id"); 
				image.mm[i,j] = 0;
			}
		}	
	}
	//cell = document.getElementById('0_0');
	//cell.style.backgroundColor='red';
	//document.getElementById('1_1').style.backgroundColor='green';
}

// draw md cells
function cleargrid()
{
	var cell;
	for (i=0; i<image.gridVer; i++) 
	{
		for (j=0; j<image.gridHor; j++) 
		{
			cell = document.getElementById(i+"_"+j);
			if(cell.style.backgroundColor=='green')cell.style.backgroundColor = '';
		}
	}
}
		
function drawMDcells()
{
	var active_zones;
	var i, j, cell;
	
	active_zones = getCameraParam("mdresult");
//	cell = document.getElementById('0_1');
// 	cell.style.backgroundColor=(cell.style.backgroundColor=='red')?'green':'red';
//	cell = document.getElementById('1_3');
// 	cell.style.backgroundColor=(cell.style.backgroundColor=='red')?'green':'red';

	 if(active_zones=='no motion')cleargrid();

	 else 
	 {
	 	for (i=0; i<image.gridVer; i++) 
	 	{
	 		for (j=0; j<image.gridHor; j++) 
	 		{
	 			cell = document.getElementById(i+"_"+j);
				if(active_zones.substr((i*image.zbnum+j)*3+1,2)!='00') cell.style.backgroundColor='green';
		 		else if (cell.style.backgroundColor!='red') cell.style.backgroundColor = '';
			}
		}
	}
}

function getPrivacy()
{
	var privasy_mask=getCameraParam('mdprivasymask');
	var nsymbol_stingr='', bytecode, i, j, k;

	for (i=0; i<image.gridVer; i++) 		
	{
		for (j=0; j<image.zbnum/8; j++)
		{
			symbol_stingr="0x"+privasy_mask.substr((i*image.zbnum/8+j)*2, 2);
			bytecode=+symbol_stingr;
			for(k=0;k<8;k++)
			{
				if(j*8+k >= image.gridHor) break;
				if(!(bytecode&(1<<k)))document.getElementById(i+"_"+(j*8+k)).style.backgroundColor='red';
				else document.getElementById(i+"_"+(j*8+k)).style.backgroundColor='';
			}
		}
	}
}

function setMDMask(rect, onoff)
{
	var i, j, k=0;

	for (i=rect.top; i<=rect.bottom; i++) 		
	{
		for (j=rect.left; j<=rect.right; j++)
			document.getElementById(i+"_"+j).style.backgroundColor=(onoff=='on') ? 'red' : '';
	}
	
	var pmstr='',twobytes='';
	var bytecode=0;
	for (i=0; i<image.zbnum; i++) 		
	{
		for (j=0; j<image.zbnum; j++)	
		{
			if (j >= image.gridHor || i >= image.gridVer) bytecode+=(1<<(k%8));
			else if(document.getElementById(i+"_"+j).style.backgroundColor!='red')bytecode+=(1<<(k%8));
			k++;
			if (k%8 == 0)
			{
				 twobytes=bytecode.toString(16);
				 if(twobytes.length<2)pmstr+="0";
				 pmstr+=twobytes;
				 bytecode=0;
			}
		}
	}

	 setCameraParam('mdprivasymask', pmstr);
	 getPrivacy();	
}

function prepareMDTable()
{
	function removeMDTable()
	{
		//cleargrid(); 
		//document.getElementById("lay-table").innerHTML = "";
		var tbl = document.getElementById("lay-table");
		while(tbl.hasChildNodes())
		{
			tbl.removeChild(tbl.firstChild);
		}
	}
	
	if (image.mdEnable)
	{
		if (image.mdTableReady === 0)
		{var subz = calculateGrid();
		removeMDTable();
		image.gridHor = subz.hor;
		image.gridVer = subz.ver;
		image.gridSize = subz.size;
		drawGridScreen(subz.hor, subz.ver, subz.size);
		image.mdTableReady = 1;
			getPrivacy();
		}
	}
	else if (image.mdTableReady) removeMDTable();
}