//alert('commenter.js 433');

var cmnt_mgmt = {

	//this.containerId = containerId;
	comp : 'travel',
	size : 40,
	action : "/",
	notiDir : 'ltr',
	notiAlign : 'left',
	msgGuide : 'Input text about ...',
	msgCancel : 'Cancel',
	msgAccept : 'Accept',
	inps : [{id:"name",type:"iTxt",title:"text area 1",dir:"ltr"},{id:"address",type:"iTxAr",title:"text area 1",dir:"ltr"}],
	//type could be iTxt: input text, iTxAr: input text area, iRadio: inpur Radio button, iChk: input check box
	cBFunc : '',
	
	showPanel : function(cBFunc){
		cmnt_mgmt.cBFunc = cBFunc;
		hEM.createScreenMask();

		var html = '';
		html += '<div id="cmnt_mgmt_panel" align="center" style="font-weight:bold;  "><div id="dummyOfset" style="height:50px; width:100%;"></div>';
			html += '<div dir="'+cmnt_mgmt.notiDir+'" style="padding-top:5px; ">'+cmnt_mgmt.msgGuide+'</div>';
			html += '<div id="cmnt_mgmt_noti" dir="'+cmnt_mgmt.notiDir+'" style="padding:5px; "></div>';
			html += '<table border="0" dir="'+cmnt_mgmt.notiDir+'" style="  ">';
			var row;
			var inpBxArr = [];
			for(var i in cmnt_mgmt.inps){
				row = cmnt_mgmt.inps[i];
				if(row){	
					html += '<tr align="'+cmnt_mgmt.notiAlign+'" style="vertical-align:top;"><td style="vertical-align:top; ">'+row.title+':&nbsp;</td><td>';
					
					switch(row.type){
					
						case('iTxt'):
							var size=(row.size)?row.size:17;
							var dir=(row.dir)?row.dir:cmnt_mgmt.notiDir;
							html += '<input type="text" id="'+row.id+'" size="'+size+'" dir="'+dir+'" style=" color:#000;  "';
							//if(dir=='rtl') html += ' onfocus="setPersian(this, true);" onkeypress="return PersianKeyPress(event, true)" onkeydown="return PersianKeyDown(event)" ';
							if(row.val) html += ' value="'+row.val+'" ';
							html += '>';
							break;
							
						case('iTxAr'):
							var rows=(row.rows)?row.rows:3;
							var cols=(row.cols)?row.cols:17;
							var dir=(row.dir)?row.dir:cmnt_mgmt.notiDir;
							html += '<textarea id="'+row.id+'" rows="'+rows+'" cols="'+cols+'" dir="'+dir+'" style="color:#000;  " ';
							//if(dir=='rtl') html += ' onfocus="setPersian(this, true);" onkeypress="return PersianKeyPress(event, true)" onkeydown="return PersianKeyDown(event)" ';
							html += '>';
							if(row.val) html += row.val;
							html += '</textarea>';
							break;
							
					}
					
					html += '</td></tr>';
					html += '<tr><td colspan="2" style="height:2px;"></td></tr>';
				}
			}
			html += '<tr><td colspan="2">';
			html += '<input type="button" style="" onclick="cmnt_mgmt.accept()" value="'+cmnt_mgmt.msgAccept+'"/>';
			html += '<input type="button" style=" " onclick="cmnt_mgmt.cancel()" value="'+cmnt_mgmt.msgCancel+'"/>';
			html += '</td></tr></table>';
		html += '</div>';
		fObj('genScreenMaskCntnr').innerHTML = html;
		fObj('genScreenMask').style.display = 'block';
		//cLog(html);
		
		var mgmtPanelObj = fObj('cmnt_mgmt_panel');
		var top;
		var left;
		var winHeight;
		var winWidth;
		if(isIe()){
			winHeight = window.screen.availHeight;
			winWidth = window.screen.availWidth;
		}else{
			winHeight = window.innerHeight;
			winWidth = window.innerWidth;
		}
		top = ((winHeight - mgmtPanelObj.clientHeight)/2)-20;
		left = (winWidth - mgmtPanelObj.clientWidth)/2;
		//mgmtPanelObj.style.top = top+'px';
		mgmtPanelObj.style.left = left+'px';
		
		//alert(fObj('dummyCntnr').innerHTML);// = fObj('dummyCntnr').innerHTML;
		//fObj('genScreenMask').innerHTML = fObj('genScreenMask').innerHTML;
	},
	
	cancel : function(){
		fObj('genScreenMask').style.display='none';
	},
	
	accept : function(){
		var value;
		var out='[';
		for(var i in cmnt_mgmt.inps){
			row = cmnt_mgmt.inps[i];
			switch(row.type){
			
				case('iTxt'):
					value=fObj(row.id).value;
					break;
					
				case('iTxAr'):
					value=fObj(row.id).value;
					break;
					
			}
			value = liner(value);
			out += '{id:"'+row.id+'",val:"'+value+'"},';
		}
		out = out.substr(0,out.length-1)+']';
		fObj('genScreenMask').style.display='none';
		eval(cmnt_mgmt.cBFunc+'('+out+')');
	}
};