<!DOCTYPE HTML>
<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.*,com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@page import="java.util.*,com.csc.library.session.*"%>
<jsp:useBean id="REM002" class="com.csc.library.system.Task" scope="page" />
<jsp:useBean id="EMPHELP" class="com.csc.library.system.Task" scope="page"/>
<%
EMPHELP.setChannel(request,response);
HelpEntry emphelp = (HelpEntry) EMPHELP.process("HelpEntry","MEMPLOYEEHELP");
emphelp.getInquiry().setFilter("employeeid = '"+emphelp.getUProfile().get("employeeid")+"'");
emphelp.process();
emphelp.referLangOff();
emphelp.nextRec();

REM002.setChannel(request,response);
UIManager screen = (UIManager) REM002.process("SingleEntry","REM002");
CscCalendar cal = new CscCalendar();
CheckNull chk = new CheckNull();
String lang = screen.getUProfile().get("lang");
String screenname = screen.getUProfile().get("lang").equalsIgnoreCase("tha")?"ตั้งค่าการแจ้งเตือน":"Reminder Setting";

String reminderid = chk.chkNullString(request.getParameter("__reminderid"));
String cmd = chk.chkNullString(request.getParameter("__cmd"));
String head_tdetail = chk.chkNullString(request.getParameter("__head_tdetail"));
String head_edetail = chk.chkNullString(request.getParameter("__head_edetail"));
String tdetail = chk.chkNullString(request.getParameter("__tdetail"));
String edetail = chk.chkNullString(request.getParameter("__edetail"));

Map<String, String> linked_reminder = new LinkedHashMap<String, String>();
String reminder_thai_name = "";
String reminder_eng_name = "";

DbInquiry inq_reminder = new InitialInquiry(screen.getUProfile()).getDbInquiry("MREMINDER");
inq_reminder.setColumn("*");
inq_reminder.setOrderBy("reminderid");
inq_reminder.refresh();
inq_reminder.referLangOff();
while(inq_reminder.next()){
	if(inq_reminder.isFirst() && reminderid.equals("")){
		reminderid = inq_reminder.getString("reminderid");
	}
	linked_reminder.put(inq_reminder.getString("reminderid"), lang.equalsIgnoreCase("tha")?inq_reminder.getString("tdesc"):inq_reminder.getString("edesc"));
	if(reminderid.equals(inq_reminder.getString("reminderid"))){
		reminder_eng_name = inq_reminder.getString("edesc");
		reminder_thai_name = inq_reminder.getString("tdesc");
	}
}

if(!cmd.equalsIgnoreCase("save")){
	screen.getRecord("MSETREMINDER").set("REMINDERID", reminderid);
	screen.getRecord("MSETREMINDER").set("COMPANYID", screen.getUProfile().get("COMPANYID"));
	screen.getRecord("MSETREMINDER").search();

	head_tdetail = screen.getDataLabel("HEAD_TDETAIL");
	head_edetail = screen.getDataLabel("HEAD_EDETAIL");
	tdetail = screen.getDataLabel("TDETAIL");
	edetail = screen.getDataLabel("EDETAIL");
}
%>
<html ng-app="myHR">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<link rel="stylesheet" href="../CSS/TISCO.css"/>
		<link href="../CSS/bootstrap.css" rel="stylesheet"  type="text/css"/>
		<link href="../CSS/bootstrap_csc_backend.css" rel="stylesheet"  type="text/css"/>
		<%-- <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script> --%>
		<link rel="stylesheet" href="../CSS/jquery-ui-csc.css"/>
		<script type="text/javascript" src="../JS/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script>
		<script type='text/javascript' src="../JS/bootstrap.js"></script>
		<script type="text/javascript" src="../JS/CscBase.js"></script>
		<script type="text/javascript" src="../JS/CscCalendarV3.js"></script>
		<script type="text/javascript" src="../JS/SCREEN.js"></script>
		<script type="text/javascript" src="../JS/HOTKEY.js"></script>
		<script type='text/javascript' src='../JS/ICONSMENU.js'></script>
		<script src="../JS/angular-1.3.15/angular.js" type="text/javascript"></script>
		<script src="../JS/ANGULAR/SCREEN_ANGULAR.js" type="text/javascript"></script>
		<script src="<%=request.getContextPath()%>/JS/ckeditor/ckeditor.js"></script>
		<script src="<%=request.getContextPath()%>/JS/ckeditor/js/reminder-editor.js"></script>
		<script type="text/javascript">setLang('<%=screen.getUProfile().get("lang")%>');</script>
		<script type="text/javascript">getTitleName();</script>
		<style>
		.hoverdeletetd { background: #C60000 !important; color: white !important; }
		.hovertd { background: #0072C6 !important; color: white !important; }
		.draggabletarget { background: #7895CE !important; color: white !important; }

		#selectable .ui-selecting { background: #2092D6; }
		#selectable .ui-selected { background: #0072C6; color: white; }
		#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
		#selectable li { margin: 0px; padding: 0.4em; font-size: 1em; height: 28px; cursor: pointer; }

		.middledetail { vertical-align: middle; }
		.onclickplus { cursor: pointer; }
		.dragablemove { color: black; background: white; padding-left: 6px; padding-right: 6px;	border: 2px solid; border-radius: 25px; }

		td.draggable { cursor: pointer; }
		td.detailtable { cursor: text; }
		td.paramdetail { background: #FFFFFF; font-size: 12px; border: #cccccc; color: #000000; font-weight: bold; cursor: pointer; }
		td.paramemail { background: #FFFFFF; font-size: 12px; border: #cccccc; color: #000000; font-weight: bold; }
		td.exampledetail { background: #FFFFFF; font-size: 12px; color: #000000; font-weight: normal; cursor: default; }

		td { padding-bottom: 10px; }
		.adjoined-bottom{ padding-right:50px; }
		.ui-tabs .ui-tabs-panel { padding: 0em 0em 0em 0; }
		.width10000{ width:10000px !important; }
		</style>
		<script type="text/javascript">
		var originaldata = "";

		function GoUpdate(){ update(); }
		function GoSave(){
			setdetail('head_tdetail');
			setdetail('head_edetail');
			setdetail('tdetail');
			setdetail('edetail');
			if( checkrequite() ) {
				confirmSave();
			}
		}

		function checkrequite(){
			var result = true;

			if($('#isAstypeEmail').val() === "1" && $('input[name="__astype"]').val() === "") {
				result = false;
				alertMsg("Please Select Assessor type","กรุณาเลือก ประเภทประเมิน");
			}

			return result;
		}

		function alertMsg(emsg,tmsg){
			with(document.cscform){
				var msg = emsg;
				if(__language.value =="tha"){
					msg = tmsg;
				}
				alert(msg);
			}
		}

		function goHelp(helpName,inputName){
			var helpReturn;
			var fixCon = "";
			$('#selectreminder').val("");
			if( inputName=="__selectreminderid" ) {
				$('#selectreminder').val("1");
				helpReturn="__selectreminderid:reminderid";
			} else if( inputName=="__astype" ) {
				helpReturn="__astype:astid";
			}
			linkHelp_Return(helpName,helpReturn,fixCon);
		}

		function linkHelp_Return(help,input, fixCon){
			with(document.cscform){
				var filter = fixCon ;
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off";
				win = window.open(param,"Help","left=150,top=150,width=800,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
				if(window.focus){win.focus();}
			}
		}

		function postReturn(){
			selectReminder();
		}

		function selectReminder(){
			if($('#selectreminder').val() === "1"){
				var check = true;
				if(getSysIsEdit() === 'true'){
					var textCon = confirm("มีการแก้ไขหน้าจอ จะบันทึกหรือไม่?");
					if(textCon === true){
						check = false;
					}
				}
				if(check){
					$( "#select-result" ).empty().val( $( "input[name='__selectreminderid']" ).val() );
					search();
				}
			}
		}

		$(function() {
			$( "#tabs" ).tabs();
			$( "#selectable" ).selectable({
				stop: function() {
					var check = true;
					if(getSysIsEdit() === 'true'){
						var textCon = confirm("มีการแก้ไขหน้าจอ จะบันทึกหรือไม่?");
						if(textCon === true){
							check = false;
						}
					}
					if(check){
						var result = $( "#select-result" ).empty();
						$( ".ui-selected", this ).each(function() {
							var index = $( "#selectable li" ).index( this );
							result.val( index + 1 );
							search();
						});
					}
				}
			});

			$(".maindetailtable").on('mouseenter', '.delboxtable', function() {
				var element_index = ":eq("+$('.delboxtable').index(this)+")";
				$(".head_tdetail"+element_index).addClass( "hoverdeletetd" );
				$(".head_edetail"+element_index).addClass( "hoverdeletetd" );
				$(".tdetail"+element_index).addClass( "hoverdeletetd" );
				$(".edetail"+element_index).addClass( "hoverdeletetd" );
				$(".delboxtable"+element_index).addClass( "hoverdeletetd" );
			}).on('mouseleave', '.delboxtable', function() {
				if(!$(this).find("input").prop("checked")){
					var element_index = ":eq("+$('.delboxtable').index(this)+")";
					$(".head_tdetail"+element_index).removeClass( "hoverdeletetd" );
					$(".head_edetail"+element_index).removeClass( "hoverdeletetd" );
					$(".tdetail"+element_index).removeClass( "hoverdeletetd" );
					$(".edetail"+element_index).removeClass( "hoverdeletetd" );
					$(".delboxtable"+element_index).removeClass( "hoverdeletetd" );
				}
			}).on('mouseenter', '#selectable li, .detailtable', function() {
				$( this ).addClass( "hovertd" );
			}).on('mouseleave', '#selectable li, .detailtable', function() {
				$( this ).removeClass( "hovertd" );
			}).on('click', '.detailtable', function () {
				var oriVal = $(this).text();
				$(this).text("");
				$("<input type='text' onkeypress='chkSpecialStr(event);'>").val(oriVal).appendTo(this).select().keyup(function(e) {
					if (e.keyCode === $.ui.keyCode.ESCAPE) {
						$(this).val(oriVal).blur();
					} else if (e.keyCode === $.ui.keyCode.ENTER) {
						$(this).blur();
					}
				});
			}).on('blur', '.detailtable > input', function () {
				var $this = $(this);
				$this.parent().text($this.val());
				$this.remove();
				sysIsEdit();
				showexample();
			});

			$('.paramdetail').on('mouseenter', function() {
				$( this ).addClass( "hovertd" );
			}).on('mouseleave', function() {
				$( this ).removeClass( "hovertd" );
			}).on('click', function() {
				copyToClipboard($(this).attr('id'));
				runCopyEffect($(this).attr('id'));
			});

			$('.draggable').draggable({
				revert: function(is_valid_drop){
					if($(this).attr('class').indexOf("paramemail") != -1){
						$( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).removeClass( "draggabletarget" );
					}
				},
				helper: "clone",
				cursorAt: { top: -10, left: -5 },
				opacity: 0.75,
				start: function(e, ui){
					$(ui.helper).addClass("dragablemove");
					if($(this).attr('class').indexOf("paramemail") != -1){
						$( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).addClass( "draggabletarget" );
					}
				}
			}).on('mouseenter', function() {
				$( this ).addClass( "hovertd" );
			}).on('mouseleave', function() {
				$( this ).removeClass( "hovertd" );
			});

			$( ".tdetail, .edetail" ).droppable({
				tolerance: "pointer",
				drop: function (event, ui) {
					if($(ui.draggable).attr('class').indexOf("paramdetail") != -1){
						$(this).append($(ui.draggable).attr('id'));
						sysIsEdit();
						showexample();
					}
				}
			});

			$( "input[name=__email_from], input[name=__email_to], input[name=__email_cc]" ).droppable({
				tolerance: "pointer",
				drop: function (event, ui) {
					if($(ui.draggable).attr('class').indexOf("paramemail") != -1){
						var $this = $(this);
						if($this.val() !== "") {
							$this.val($this.val()+",");
						}
						$this.val($this.val()+$(ui.draggable).attr('id')).change();
						sysIsEdit();
					}
				}
			}).on('change', function(){
				setAstypeShow();
			});

			var editorthai = CKEDITOR.instances.editorthai;
			editorthai.on('focus', function(){ originaldata = this.getData() });
			editorthai.on('blur', function(){
				if(this.getData() !== originaldata){
					sysIsEdit();
				}
				showexample();
			});

			var editoreng = CKEDITOR.instances.editoreng;
			editoreng.on('focus', function(){ originaldata = this.getData() });
			editoreng.on('blur', function(){
				if(this.getData() !== originaldata){
					sysIsEdit();
				}
				showexample();
			});

			$.fn.setCursorToTextEnd = function(){
				this.focus();
				var $thisVal = this.val();
				this.val('').val($thisVal);
				return this;
			};

			$('#imgadd').on('click',function(){ addmessage(); });
			$('#imgdelete').on('click',function(){ delmessage(); });
			$('input[name=__minute], input[name=__hour], input[name=__day]').on('blur',function(){ showexample(); });
			showexample();
			setAstypeShow();
		});

		function insertAtCaret(areaId, text) {
			var txtarea = document.getElementById(areaId);
			if (!txtarea) { return; }

			var scrollPos = txtarea.scrollTop;
			var strPos = 0;
			var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
			"ff" : (document.selection ? "ie" : false ) );
			if (br == "ie") {
				txtarea.focus();
				var range = document.selection.createRange();
				range.moveStart ('character', -txtarea.value.length);
				strPos = range.text.length;
			} else if (br == "ff") {
				strPos = txtarea.selectionStart;
			}

			var front = (txtarea.value).substring(0, strPos);
			var back = (txtarea.value).substring(strPos, txtarea.value.length);
			txtarea.value = front + text + back;
			strPos = strPos + text.length;
			if (br == "ie") {
				txtarea.focus();
				var ieRange = document.selection.createRange();
				ieRange.moveStart ('character', -txtarea.value.length);
				ieRange.moveStart ('character', strPos);
				ieRange.moveEnd ('character', 0);
				ieRange.select();
			} else if (br == "ff") {
				txtarea.selectionStart = strPos;
				txtarea.selectionEnd = strPos;
				txtarea.focus();
			}

			txtarea.scrollTop = scrollPos;
		}

		function copyToClipboard(text) {
			var $temp = $("<input>");
			$("body").append($temp);
			$temp.val(text).select();
			document.execCommand("copy");
			$temp.remove();
		}

		function runCopyEffect(text) {
			var selectedEffect = "highlight";
			var maintext = getLang() === "tha" ? "!!!คัดลอก " : "!!!Copy ";
			var options = {};

			if ( selectedEffect === "scale" ) {
				options = { percent: 50 };
			} else if ( selectedEffect === "size" ) {
				options = { to: { width: 280, height: 185 } };
			}

			$( "#textcopy" ).text(maintext+text).show( selectedEffect, options, 500, runCopyEffectCallback );
		}

		function runCopyEffectCallback() {
			setTimeout(function() {
				$( "#textcopy:visible" ).removeAttr( "style" ).fadeOut();
			}, 100 );
		};

		function setAstypeShow(){
			var email_from = $('input[name=__email_from]').val();
			var email_to = $('input[name=__email_to]').val();
			var email_cc = $('input[name=__email_cc]').val();
			var email_all = email_from + email_to + email_cc;

			if(email_all.indexOf("(@__astype_email)") > -1){
				$('.astype_email').show();
				$('#isAstypeEmail').val("1");
			} else {
				$('.astype_email').hide();
				$('#isAstypeEmail').val("");
				$('input[name="__astype"]').val("");
			}
		}

		function setOriginalData(data){
			with(document.cscform){
				__originaldata.value = data;
			}
		}

		function setdetail(id){
			var data = "";
			$( "."+id+"" ).each( function(index) {
				if(index === 0){
					data = "{" + chkaddsign($(this).text()) + "}";
				} else {
					data += ",{" + chkaddsign($(this).text()) + "}";
				}
			});
			$('input[name=__'+id+']').val(data);
		}

		function chkaddsign(str){
			return str;
		}

		function addmessage(){
			$(".maindetailtable")
			.append($('<tr>')
			.append($('<td>').addClass('middledetail ui-widget-content detailtable head_tdetail'))
			.append($('<td>').addClass('middledetail ui-widget-content detailtable head_edetail'))
			.append($('<td>').addClass('middledetail ui-widget-content detailtable tdetail').droppable({
				tolerance: "pointer",
				drop: function (event, ui) {
					$(this).append($(ui.draggable).attr('id'));
					showexample();
				}
			}))
			.append($('<td>').addClass('middledetail ui-widget-content detailtable edetail').droppable({
				tolerance: "pointer",
				drop: function (event, ui) {
					$(this).append($(ui.draggable).attr('id'));
					showexample();
				}
			}))
			.append($('<td>').addClass('middledetail ui-widget-content delboxtable').attr('align','center').append($('<input>').addClass('delbox').attr('type','checkbox'))));
			sysIsEdit();
			showexample();
		}

		function delmessage(){
			var numindex = "";
			$(".delboxtable").each(function(index){
				if($(this).find("input").prop("checked")){
					if(numindex.length > 0){
						numindex += "," + index;
					} else {
						numindex += index;
					}
				}
			});

			var arrindex = numindex.split(",");
			console.log(arrindex.length);
			for(var i=arrindex.length-1; i>=0; i--){
				console.log(arrindex[i]);
				var element_index = ":eq("+arrindex[i]+")";
				$(".head_tdetail"+element_index).remove();
				$(".head_edetail"+element_index).remove();
				$(".tdetail"+element_index).remove();
				$(".edetail"+element_index).remove();
				$(".delboxtable"+element_index).remove();
			};

			if($(".delboxtable").last().index() === -1){
				addmessage();
			} else {
				showexample();
			}
			sysIsEdit();
		}

		function showexample(){
			//start examplethaitable
			var $examplethaitable = $(".examplethaitable");

			$examplethaitable.find('tr').remove();

			/*$examplethaitable
			.append($('<tr>')
			.append($('<td>')
			.attr('colspan','3')
			.attr('align','center')
			.addClass('exampledetail')
			.text( '<%=reminder_thai_name%>' )));*/

			$(".head_tdetail").each(function(index){
				$examplethaitable
				.append($('<tr>')
				.append($('<td>')
				.attr('width','43%')
				.attr('align','right')
				.addClass('exampledetail')
				.text( $(this).text() ) )

				.append($('<td>')
				.attr('width','7%')
				.attr('align','right')
				.addClass('exampledetail')
				.text( ':' ))

				.append($('<td>')
				.attr('width','50%')
				.addClass('exampledetail')
				.text(
					getExamThaiDetail(
						$(".tdetail:eq("+index+")").text()
					)
				)));
			});

			$examplethaitable
			.append($('<tr>')
			.append($('<td>')
			.attr('colspan','3')
			.addClass('exampledetail')
			.html(
				getExamThaiDetail(
					CKEDITOR.instances.editorthai.getData()
				)
			)));

			//start exampleengtable
			var $exampleengtable = $(".exampleengtable");

			$exampleengtable.find('tr').remove();

			/*$exampleengtable
			.append($('<tr>')
			.append($('<td>')
			.attr('colspan','3')
			.attr('align','center')
			.addClass('exampledetail')
			.text( '<%=reminder_eng_name%>' )));*/

			$(".head_edetail").each(function(index){
				$exampleengtable
				.append($('<tr>')
				.append($('<td>')
				.attr('width','43%')
				.attr('align','right')
				.addClass('exampledetail')
				.text( $(this).text() ))

				.append($('<td>')
				.attr('width','7%')
				.attr('align','right')
				.addClass('exampledetail')
				.text( ':' ))

				.append($('<td>')
				.attr('width','50%')
				.addClass('exampledetail')
				.text(
					getExamEngDetail(
						$(".edetail:eq("+index+")").text()
					)
				)));
			});

			$exampleengtable
			.append($('<tr>')
			.append($('<td>')
			.attr('colspan','3')
			.addClass('exampledetail')
			.html(
				getExamEngDetail(
					CKEDITOR.instances.editoreng.getData()
				)
			)));
		}

		function getExamThaiDetail(data){
			var day_target = $("input[name=__day]").val();
			var cal_startdate = new CscCalendar($("#exam_startdate").val());
			var cal_approve_date = new CscCalendar($("#exam_approve_date").val());
			var cal_approve_date_7D = new CscCalendar($("#exam_approve_date").val());
			cal_approve_date_7D.incDate(7);
			var cal = new CscCalendar();
			var issued_date = cal.getThaiFullDDMMYYYY();
			if(day_target !== ""){
				cal.incDate(day_target);
			}
			var remind_date = cal.getThaiFullDDMMYYYY();

			data = data.replace(/\(@__employeeid\)/g, $("#exam_employeeid").val());
			data = data.replace(/\(@__prefix\)/g, $("#exam_prefix_tdesc").val());
			data = data.replace(/\(@__fname\)/g, $("#exam_fname").val());
			data = data.replace(/\(@__lname\)/g, $("#exam_lname").val());
			data = data.replace(/\(@__branch\)/g, $("#exam_branch_tdesc").val());
			data = data.replace(/\(@__position\)/g, $("#exam_position_tdesc").val());
			data = data.replace(/\(@__bu1\)/g, $("#exam_bu1_tdesc").val());
			data = data.replace(/\(@__bu2\)/g, $("#exam_bu2_tdesc").val());
			data = data.replace(/\(@__bu3\)/g, $("#exam_bu3_tdesc").val());
			data = data.replace(/\(@__bu4\)/g, $("#exam_bu4_tdesc").val());
			data = data.replace(/\(@__bu5\)/g, $("#exam_bu5_tdesc").val());
			data = data.replace(/\(@__startdate\)/g, cal_startdate.getThaiFullDDMMYYYY());
			data = data.replace(/\(@__startdate_day\)/g, cal_startdate.getDate());
			data = data.replace(/\(@__startdate_month\)/g, cal_startdate.getThaiMonth());
			data = data.replace(/\(@__startdate_thaiyear\)/g, cal_startdate.getThaiYear());
			data = data.replace(/\(@__startdate_engyear\)/g, cal_startdate.getYear());
			data = data.replace(/\(@__approve_date\)/g, cal_approve_date.getThaiFullDDMMYYYY());
			data = data.replace(/\(@__approve_date_day\)/g, cal_approve_date.getDate());
			data = data.replace(/\(@__approve_date_month\)/g, cal_approve_date.getThaiMonth());
			data = data.replace(/\(@__approve_date_thaiyear\)/g, cal_approve_date.getThaiYear());
			data = data.replace(/\(@__approve_date_engyear\)/g, cal_approve_date.getYear());
			data = data.replace(/\(7D@__approve_date\)/g, cal_approve_date_7D.getThaiFullDDMMYYYY());
			data = data.replace(/\(7D@__approve_date_day\)/g, cal_approve_date_7D.getDate());
			data = data.replace(/\(7D@__approve_date_month\)/g, cal_approve_date_7D.getThaiMonth());
			data = data.replace(/\(7D@__approve_date_thaiyear\)/g, cal_approve_date_7D.getThaiYear());
			data = data.replace(/\(7D@__approve_date_engyear\)/g, cal_approve_date_7D.getYear());
			data = data.replace(/\(@__remind_date\)/g, remind_date);
			data = data.replace(/\(@__issued_date\)/g, issued_date);
			return data;
		}

		function getExamEngDetail(data){
			var day_target = $("input[name=__day]").val();
			var cal_startdate = new CscCalendar($("#exam_startdate").val());
			var cal_approve_date = new CscCalendar($("#exam_approve_date").val());
			var cal_approve_date_7D = new CscCalendar($("#exam_approve_date").val());
			cal_approve_date_7D.incDate(7);
			var cal = new CscCalendar();
			var issued_date = cal.getEngFullMMDDYYYY();
			if(day_target !== ""){
				cal.incDate(day_target);
			}
			var remind_date = cal.getEngFullMMDDYYYY();

			data = data.replace(/\(@__employeeid\)/g, $("#exam_employeeid").val());
			data = data.replace(/\(@__prefix\)/g, $("#exam_prefix_edesc").val());
			data = data.replace(/\(@__fname\)/g, $("#exam_efname").val());
			data = data.replace(/\(@__lname\)/g, $("#exam_elname").val());
			data = data.replace(/\(@__branch\)/g, $("#exam_branch_edesc").val());
			data = data.replace(/\(@__position\)/g, $("#exam_position_edesc").val());
			data = data.replace(/\(@__bu1\)/g, $("#exam_bu1_edesc").val());
			data = data.replace(/\(@__bu2\)/g, $("#exam_bu2_edesc").val());
			data = data.replace(/\(@__bu3\)/g, $("#exam_bu3_edesc").val());
			data = data.replace(/\(@__bu4\)/g, $("#exam_bu4_edesc").val());
			data = data.replace(/\(@__bu5\)/g, $("#exam_bu5_edesc").val());
			data = data.replace(/\(@__startdate\)/g, cal_startdate.getEngFullMMDDYYYY());
			data = data.replace(/\(@__startdate_day\)/g, cal_startdate.getDate());
			data = data.replace(/\(@__startdate_month\)/g, cal_startdate.getEngMonth());
			data = data.replace(/\(@__startdate_thaiyear\)/g, cal_startdate.getThaiYear());
			data = data.replace(/\(@__startdate_engyear\)/g, cal_startdate.getYear());
			data = data.replace(/\(@__approve_date\)/g, cal_approve_date.getEngFullMMDDYYYY());
			data = data.replace(/\(@__approve_date_day\)/g, cal_approve_date.getDate());
			data = data.replace(/\(@__approve_date_month\)/g, cal_approve_date.getEngMonth());
			data = data.replace(/\(@__approve_date_thaiyear\)/g, cal_approve_date.getThaiYear());
			data = data.replace(/\(@__approve_date_engyear\)/g, cal_approve_date.getYear());
			data = data.replace(/\(7D@__approve_date\)/g, cal_approve_date_7D.getEngFullMMDDYYYY());
			data = data.replace(/\(7D@__approve_date_day\)/g, cal_approve_date_7D.getDate());
			data = data.replace(/\(7D@__approve_date_month\)/g, cal_approve_date_7D.getEngMonth());
			data = data.replace(/\(7D@__approve_date_thaiyear\)/g, cal_approve_date_7D.getThaiYear());
			data = data.replace(/\(7D@__approve_date_engyear\)/g, cal_approve_date_7D.getYear());
			data = data.replace(/\(@__remind_date\)/g, remind_date);
			data = data.replace(/\(@__issued_date\)/g, issued_date);
			return data;
		}

		</script>
	</head>
	<body leftmargin="0" topmargin="0">
		<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
		<script type="text/javascript">initToolTips();</script>
		<div class="centered">
			<form name="cscform" method="post">
				<!----------BEGIN CSC INITIAL ZONE ------------------------>

				<%=screen.InitialVariable()%>

				<!----------END CSC INITIAL ZONE -------------------------->
				<input type="hidden" name="__cmd" value=""/>
				<input type="hidden" name="__screen" value="REM002"/>
				<input type="hidden" name="__calendar" value=""/>
				<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>"/>
				<input type="hidden" name="__help" value=""/>
				<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>"/>
				<input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>"/>
				<input type="hidden" name="__author" value="<%=screen.getUProfile().get("employeeid")%>"/>
				<input type="hidden" name="__fixCon" value=""/>
				<input type="hidden" name="__referPage" value=""/>
				<input type="hidden" name="__reminderid" id="select-result" value="<%=screen.getDataLabel("REMINDERID")%>"/>
				<input type="hidden" name="__head_tdetail" value="<%=head_tdetail%>"/>
				<input type="hidden" name="__head_edetail" value="<%=head_edetail%>"/>
				<input type="hidden" name="__tdetail" value="<%=tdetail%>"/>
				<input type="hidden" name="__edetail" value="<%=edetail%>"/>
				<input type="hidden" id="selectreminder" value=""/>
				<input type="hidden" id="isAstypeEmail" value=""/>

				<!-- start variable for example -->
				<input type="hidden" id="exam_employeeid" value="<%=emphelp.getDataLabel("employeeid")%>"/>

				<input type="hidden" id="exam_prefix_tdesc" value="<%=emphelp.getDataLabel("mprefix","tdesc")%>"/>
				<input type="hidden" id="exam_fname" value="<%=emphelp.getDataLabel("fname")%>"/>
				<input type="hidden" id="exam_lname" value="<%=emphelp.getDataLabel("lname")%>"/>
				<input type="hidden" id="exam_branch_tdesc" value="<%=emphelp.getDataLabel("mbranch","tdesc")%>"/>
				<input type="hidden" id="exam_position_tdesc" value="<%=emphelp.getDataLabel("mposition","tdesc")%>"/>
				<input type="hidden" id="exam_bu1_tdesc" value="<%=emphelp.getDataLabel("mbu1","tdesc")%>"/>
				<input type="hidden" id="exam_bu2_tdesc" value="<%=emphelp.getDataLabel("mbu2","tdesc")%>"/>
				<input type="hidden" id="exam_bu3_tdesc" value="<%=emphelp.getDataLabel("mbu3","tdesc")%>"/>
				<input type="hidden" id="exam_bu4_tdesc" value="<%=emphelp.getDataLabel("mbu4","tdesc")%>"/>
				<input type="hidden" id="exam_bu5_tdesc" value="<%=emphelp.getDataLabel("mbu5","tdesc")%>"/>

				<input type="hidden" id="exam_prefix_edesc" value="<%=emphelp.getDataLabel("mprefix","edesc")%>"/>
				<input type="hidden" id="exam_efname" value="<%=emphelp.getDataLabel("efname")%>"/>
				<input type="hidden" id="exam_elname" value="<%=emphelp.getDataLabel("elname")%>"/>
				<input type="hidden" id="exam_branch_edesc" value="<%=emphelp.getDataLabel("mbranch","edesc")%>"/>
				<input type="hidden" id="exam_position_edesc" value="<%=emphelp.getDataLabel("mposition","edesc")%>"/>
				<input type="hidden" id="exam_bu1_edesc" value="<%=emphelp.getDataLabel("mbu1","edesc")%>"/>
				<input type="hidden" id="exam_bu2_edesc" value="<%=emphelp.getDataLabel("mbu2","edesc")%>"/>
				<input type="hidden" id="exam_bu3_edesc" value="<%=emphelp.getDataLabel("mbu3","edesc")%>"/>
				<input type="hidden" id="exam_bu4_edesc" value="<%=emphelp.getDataLabel("mbu4","edesc")%>"/>
				<input type="hidden" id="exam_bu5_edesc" value="<%=emphelp.getDataLabel("mbu5","edesc")%>"/>

				<input type="hidden" id="exam_startdate" value="<%=emphelp.getDataLabel("startdate")%>"/>
				<input type="hidden" id="exam_approve_date" value="<%=emphelp.getDataLabel("approve_date")%>"/>
				<!-- end variable for example -->

				<script language="javascript">getInputFormatDate();</script>
				<script type="text/javascript">
				var titlename=swap2String('<%=screenname%>');
				document.write(Icons("REM002, "+titlename));
				</script>
				<br/>
				<table border="0" cellpadding="0" cellspacing="0" class="maxsize">
					<tr>
						<td class="header" colspan="2" >REM002, <%=screenname%>&nbsp;</td>
					</tr>
					<tr>
						<td>
							<table border="0" cellpadding="0" cellspacing="0" class="inframe">
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
								<tr>
									<td class="columnlabel"><b><%=lang.equalsIgnoreCase("eng")?"Email code":"รหัสอีเมล์"%></b></td>
									<td class="columnobject1">
										<input type="text" name="__selectreminderid" size="10" maxlength="10" value="<%=screen.getDataLabel("REMINDERID")%>" onkeypress="chkSpecialKey(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();" alt="Reason Code" onmousemver="toolTip('Reason Code')" onmouseout="toolTip()" style="display:none"/>
										<input type="text" size="50" value="<%=linked_reminder.get(screen.getDataLabel("REMINDERID"))%>" disabled/>
										<a href="javascript:goHelp('MREMINDERHELP','__selectreminderid');" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('__reminderid_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__reminderid_image" width="20" height="20" border="0" align="absmiddle"></a>
									</td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("DEFAULTLANG")%></td>
									<td class="columnobject1"><%=screen.getInput("DEFAULTLANG")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("PMINBOX")%></td>
									<td class="columnobject1"><%=screen.getInput("PMINBOX")%></td>
								</tr>
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
								<tr>
									<td></td>
									<td>
										<table align="left">
											<tr>
												<td><b><u><%=lang.equalsIgnoreCase("eng")?"Parameter for e-mail":"ตัวแปรสำหรับ E-mail"%></u></b></td>
											</tr>
											<tr>
												<td>
													<table border="1" cellpadding="0" cellspacing="0" align="left">
														<tr>
															<td align="center" class="paramemail draggable" id="(@__emp_email)">Employee E-mail = (@__emp_email)</td>
															<td align="center" class="paramemail draggable" id="(@__boss_email)">Boss Employee E-mail = (@__boss_email)</td>
															<td align="center" class="paramemail draggable" id="(@__astype_email)">E-mail ผู้อนุมัติเอกสารประเมินผล = (@__astype_email)</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr class="astype_email" style="display:none">
									<td class="columnlabel"><%=screen.getLabel("ASTYPE")%></td>
									<td class="columnobject1"><%=screen.getInput("ASTYPE")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("EMAIL_FROM")%></td>
									<td class="columnobject1"><%=screen.getInput("EMAIL_FROM")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("EMAIL_TO")%></td>
									<td class="columnobject1"><%=screen.getInput("EMAIL_TO")%></td>
								</tr>
								<tr>
									<td class="columnlabel"><%=screen.getLabel("EMAIL_CC")%></td>
									<td class="columnobject1"><%=screen.getInput("EMAIL_CC")%></td>
								</tr>
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
								<tr>
									<td colspan="2">
										<table style="width:100%;" align="left">
											<tr>
												<td>
													<b><u><%=lang.equalsIgnoreCase("eng")?"Parameter for Message":"ตัวแปรสำหรับ ข้อความ"%></u></b>
													&nbsp;&nbsp;&nbsp;
													<span id="textcopy" style="display:none"><%=lang.equalsIgnoreCase("eng")?"Copy!!!":"คัดลอก!!!"%></span>
												</td>
											</tr>
											<tr>
												<td>
													<table border="1" cellpadding="0" cellspacing="0" align="left" style="width:100%;">
														<tr>
															<td align="left" class="paramdetail" style="width:20%" id="(@__employeeid)"><%=emphelp.getLabel("employeeid")%> = (@__employeeid)</td>
															<td align="left" class="paramdetail" style="width:20%" id="(@__prefix)"><%=lang.equalsIgnoreCase("eng")?"Prefix":"คำนำหน้าชื่อ"%> = (@__prefix)</td>
															<td align="left" class="paramdetail" style="width:20%" id="(@__fname)"><%=lang.equalsIgnoreCase("eng")?"Name":"ชื่อ"%> = (@__fname)</td>
															<td align="left" class="paramdetail" style="width:20%" id="(@__lname)"><%=lang.equalsIgnoreCase("eng")?"Surname":"นามสกุล"%> = (@__lname)</td>
															<td align="left" class="paramdetail"></td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" style="width:20%" id="(@__branch)"><%=emphelp.getLabel("branch")%> = (@__branch)</td>
															<td align="left" class="paramdetail" style="width:20%" id="(@__position)"><%=emphelp.getLabel("emp_position")%> = (@__position)</td>
															<td align="left" class="paramdetail"></td>
															<td align="left" class="paramdetail"></td>
															<td align="left" class="paramdetail"></td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" id="(@__bu1)"><%=emphelp.getLabel("bu1")%> = (@__bu1)</td>
															<td align="left" class="paramdetail" id="(@__bu2)"><%=emphelp.getLabel("bu2")%> = (@__bu2)</td>
															<td align="left" class="paramdetail" id="(@__bu3)"><%=emphelp.getLabel("bu3")%> = (@__bu3)</td>
															<td align="left" class="paramdetail" id="(@__bu4)"><%=emphelp.getLabel("bu4")%> = (@__bu4)</td>
															<td align="left" class="paramdetail" id="(@__bu5)"><%=emphelp.getLabel("bu5")%> = (@__bu5)</td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" id="(@__startdate)"><%=emphelp.getLabel("startdate")%> = (@__startdate)</td>
															<td align="left" class="paramdetail" id="(@__startdate_day)"><%=emphelp.getLabel("startdate")%> (Day) = (@__startdate_day)</td>
															<td align="left" class="paramdetail" id="(@__startdate_month)"><%=emphelp.getLabel("startdate")%> (Month) = (@__startdate_month)</td>
															<td align="left" class="paramdetail" id="(@__startdate_thaiyear)"><%=emphelp.getLabel("startdate")%> (Thai Year) = (@__startdate_thaiyear)</td>
															<td align="left" class="paramdetail" id="(@__startdate_engyear)"><%=emphelp.getLabel("startdate")%> (Eng Year) = (@__startdate_engyear)</td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" id="(@__approve_date)"><%=emphelp.getLabel("approve_date")%> = (@__approve_date)</td>
															<td align="left" class="paramdetail" id="(@__approve_date_day)"><%=emphelp.getLabel("approve_date")%> (Day) = (@__approve_date_day)</td>
															<td align="left" class="paramdetail" id="(@__approve_date_month)"><%=emphelp.getLabel("approve_date")%> (Month) = (@__approve_date_month)</td>
															<td align="left" class="paramdetail" id="(@__approve_date_thaiyear)"><%=emphelp.getLabel("approve_date")%> (Thai Year) = (@__approve_date_thaiyear)</td>
															<td align="left" class="paramdetail" id="(@__approve_date_engyear)"><%=emphelp.getLabel("approve_date")%> (Eng Year) = (@__approve_date_engyear)</td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" id="(7D@__approve_date)">7D + <%=emphelp.getLabel("approve_date")%> = (7D@__approve_date)</td>
															<td align="left" class="paramdetail" id="(7D@__approve_date_day)">7D + <%=emphelp.getLabel("approve_date")%> (Day) = (7D@__approve_date_day)</td>
															<td align="left" class="paramdetail" id="(7D@__approve_date_month)">7D + <%=emphelp.getLabel("approve_date")%> (Month) = (7D@__approve_date_month)</td>
															<td align="left" class="paramdetail" id="(7D@__approve_date_thaiyear)">7D + <%=emphelp.getLabel("approve_date")%> (Thai Year) = (7D@__approve_date_thaiyear)</td>
															<td align="left" class="paramdetail" id="(7D@__approve_date_engyear)">7D + <%=emphelp.getLabel("approve_date")%> (Eng Year) = (7D@__approve_date_engyear)</td>
														</tr>
														<tr>
															<td align="left" class="paramdetail" id="(@__remind_date)">Remind Date = (@__remind_date)</td>
															<td align="left" class="paramdetail" id="(@__issued_date)">Issued Date = (@__issued_date)</td>
															<td align="left" class="paramdetail"></td>
															<td align="left" class="paramdetail"></td>
															<td align="left" class="paramdetail"></td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td colspan="2">

										<table id="tabs" style="width:100%;">
											<thead>
												<tr>
													<td>
														<ul>
															<li><a href="#tab-1"><span swlang code="SW000840">Thai</span></a></li>
															<li><a href="#tab-2"><span swlang code="SW002129">English</span></a></li>
														</ul>
													</td>
												</tr>
											</thead>

											<tbody id="tab-1">
												<tr>
													<td class="columnlabel"><%=screen.getLabel("EMAIL_TSUBJECT")%></td>
													<td class="columnobject1 width10000"><%=screen.getInput("EMAIL_TSUBJECT")%></td>
												</tr>
												<tr>
													<td class="columnlabel"><%=screen.getLabel("MAIN_TDETAIL")%></td>
													<td class="columnobject1">
														<div class="adjoined-bottom">
															<div class="grid-container">
																<div class="grid-width-100">
																	<textarea name="__main_tdetail" id="editorthai">
																		<%=screen.getDataLabel("MAIN_TDETAIL")%>
																	</textarea>
																</div>
															</div>
														</div>
													</td>
												</tr>
											</tbody>

											<tbody id="tab-2">
												<tr>
													<td class="columnlabel"><%=screen.getLabel("EMAIL_ESUBJECT")%></td>
													<td class="columnobject1 width10000"><%=screen.getInput("EMAIL_ESUBJECT")%></td>
												</tr>
												<tr>
													<td class="columnlabel"><%=screen.getLabel("MAIN_EDETAIL")%></td>
													<td class="columnobject1">
														<div class="adjoined-bottom">
															<div class="grid-container">
																<div class="grid-width-100">
																	<textarea name="__main_edetail" id="editoreng">
																		<%=screen.getDataLabel("MAIN_EDETAIL")%>
																	</textarea>
																</div>
															</div>
														</div>
													</td>
												</tr>
											</tbody>
										</table>

										<tr>
											<td colspan="2" class="blankspace"></td>
										</tr>
										<tr>
											<td colspan="2">
												<table style="width: 80%;">
													<tr>
														<td><b><u><%=lang.equalsIgnoreCase("eng")?"Example (Thai)":"ตัวอย่าง (ไทย)"%></u></b></td>
														<td><b><u><%=lang.equalsIgnoreCase("eng")?"Example (Eng)":"ตัวอย่าง (อังกฤษ)"%></u></b></td>
													</tr>
													<tr>
														<td style="width: 50%;">
															<table border="1" class="examplethaitable" style="background: white; width: 100%;">
																<!-- for Example Detail Thai -->
															</table>
														</td>
														<td style="width: 50%;">
															<table border="1" class="exampleengtable" style="background: white; width: 100%;">
																<!-- for Example Detail Eng -->
															</table>
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</td>
								</tr>
								<tr>
									<td colspan="2" class="blankspace"></td>
								</tr>
							</table>
						</td>
					</tr>
					<tr bordercolor="0069B3">
						<td class="bottom"></td>
					</tr>
				</table>
				<!----------BEGIN CSC ENDING ZONE ------------------------>
				<% screen.setMyTimeOut(1000); %>
				<%=screen.endJSP()%>

				<!----------END CSC ENDING ZONE -------------------------->
			</form><!-- end form-->
			<script>
			initThai();
			initEng();
			</script>
		</div>
	</body>
</html>