<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Send Mail</title>
<link rel="stylesheet" type="text/css" href="CSS/EMPLOYEE_VIEW.css" />
<link href="CSS/EMPVIEW.css" rel="stylesheet" type="text/css" />
<!--for DWR-->
<script type='text/javascript' src='/hr/dwr/interface/Update_Mvote_kkb2.js'></script>
<script type='text/javascript' src='/hr/dwr/interface/SendMail.js'></script>
<script type='text/javascript' src='/hr/dwr/engine.js'></script>
<script type='text/javascript' src='/hr/dwr/util.js'></script>
 <!--for DWR-->

   <script  type='text/javascript' language='javascript' >

   		var doCallBack = function(data) { 
					if(data==1){
						//update table mvote_kkb2.sended = 1 ด้วย [sended flag]

						document.getElementById('status').innerText = 'Send Complete...';
					}else{
						document.getElementById('status').innerText = 'Send Failed...';
					}//end if 

					var pg = document.getElementById('sendProgress');
						  pg.style.visibility='hidden';
		 }//end var doCallBack

		function send(){
			document.getElementById('status').innerText = "Sending...";

			//show progress bar
			var pg = document.getElementById('sendProgress');
				 pg.style.visibility='visible';

			var _from = document.getElementById('txtFrom').value;
			var _to = document.getElementById('txtTo').value;
			//var _cc = document.getElementById('txtCc').value;
			var _cc = "";
			var _subject = document.getElementById('txtSubject').value;
			var _content = document.getElementById('txtContent').value;
			var allFile = new Array();

			var fromPerOne = new Array();
			fromPerOne = _from.toString().split(",");
			//alert("send " + fromPerOne.length.toString() + " times");

			for(ss=0;ss<fromPerOne.length;ss++){
				update_mvote_kkb2();

				SendMail.sendMail(fromPerOne[ss],_to,_cc,_subject,_content
							,allFile
			 				,doCallBack);	
			}//end for 

			with(window.opener.cscform){
				__cmd.value = 'search';
				submit();	    
			}//end with

		}//end function send 

		var doCallBack2 = function(data) { 
					if(data==1){
						//alert("update mvote_kkb2 Complete ! ");
					}else{
						 //alert("update mvote_kkb2 Failed ! ");
					}//end if 
		 }//end var doCallBack2

		function update_mvote_kkb2(){
			 var vote2id = document.getElementById("vote2id").value;
			 var vote1id = document.getElementById("vote1id").value;
			 var emplyeeid = document.getElementById("emplyeeid").value;
			 var dataUpdate = vote2id +"#"+vote1id+"#"+emplyeeid;

			 //alert("in update_mvote_kkb2 dataUpdate is: "+ dataUpdate);

			 Update_Mvote_kkb2.update(dataUpdate,doCallBack2);	
		}//end function	

	 </script>
</head>
<body>
	<!--data whereClause for update mvote_kkb2-->
	<input id='emplyeeid' type='hidden' value='<%=request.getParameter("__employeeid")%>'>
	<input id='vote1id' type='hidden' value='<%=request.getParameter("__vote1id")%>'>
	<input id='vote2id' type='hidden' value="<%=request.getParameter("__vote2id")%>">
	<!--data whereClause for update mvote_kkb2-->

   <table width="65%" height="350" border="0" cellpadding="0" cellspacing="0" bordercolor="#006699" align="center">
        <tr>
			<td align='right'>From: </td>
			 <td>
				<textarea id='txtFrom' name="txtFrom" cols="100" rows="5" readOnly><%=request.getParameter("__FROMContactList")%></textarea>
			 </td>
		</tr>
		<tr>
			  <td align='right'>To: </td>
			  <td>
					<input id='txtTo' type='text' style='width:400px' readOnly 
						  value='<%=request.getParameter("__TOContact")%>'>
					</input>
			 </td>
		</tr>
		<!--tr>
			 <td align='right'>Cc: </td>
			 <td>
				<input id='txtCc' type='text' style='width:400px' value=''></input>
			 </td>
		</tr-->
		<tr>
			 <td align='right'>Subject: </td>
			 <td>
				<input id='txtSubject' type='text' style='width:400px' value='Mail จากผู้โหวต'></input>
			 </td>
		</tr>
		<tr>
              <td  align='right'>Content: </td>
			  <td> 
					<textarea id='txtContent' name="txtContent" cols="100" rows="10"></textarea>
				</td>
		 </tr>
		 <tr><td colspan='2' align="center" >&nbsp</td></tr>
		 <tr>
				 <td colspan='2' align="center">
					<img src='../IMAGES/MYNOTE/BUTTON/BUTTON_SEND.gif' onclick='send()' style='cursor:hand'>
				 </td>
         </tr>
		  <tr>
				 <td colspan='2' align="center">
					<img id='sendProgress' src='../IMAGES/MYNOTE/PROGRESS/loading4.gif' style='visibility:hidden' >
				 </td>
         </tr>
		 <tr>
			<td colspan='2' align="center">
				<span id='status'></span>
			</td>
		 </tr>
   </table>
</body>
</html>