<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.entry.HelpEntry, com.csc.library.system.*, com.csc.library.utilities.*" %>
<%@ page import="com.csc.library.entry.*, com.csc.library.database.*, com.csc.library.session.*"  %>
<%@ page import="com.csc.library.report.ReportUDF, java.util.*"%>
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:useBean id="EMV" class="com.csc.library.system.Task" scope="page" />
<jsp:setProperty name="EMV" property="appname" value="EMPVIEW" />
<%
	EMV.setChannel(request, response);	

%> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title> </title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Begin CSS Links -->
<link rel="stylesheet" type="text/css" href="../CSS/DDMENU.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_DEFAULT.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_LAYOUT.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_LAYOUT_TWO.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_TEXT.css" />
<style type="text/css">
	.bg-gray { background: #ddd !important; }
	.alert { color: #F00  !important;text-decoration: blink; }

	div.object-move {  width: 90%; height:10px;   bottom: 0;}
	
	.div-state-hover{ background-color:#6FC; }
	.div-state-active{ background-color:#693; }
	.div-state-highlight{ background-color:#94E2FC; }
	
	div.slider-range{ width:90%;}
	
	div.tb-row{ height:25px; width:240px;border:1px solid; position: absolute;left:0px; border-top:thin; border-right:thin; }
	div.tb-col{ width:40px; height:300px;border:1px solid; border-left:thin; position: absolute; }
	
	
	#resizable { width: 140px; height: 140px; padding: 0.5em; }
    #resizable h3 { text-align: center; margin: 0; }
	
	.mouse-over{ cursor: pointer; }


</style>

<script language="JavaScript"  type="text/javascript"src="../JS/EVENTS.js"></script>
<script language="JavaScript"  type="text/javascript" src="../JS/UTILITIES.js"></script>
<script language="JavaScript"  type="text/javascript"src="../JS/ACTIVE_OBJECT.js"></script>
<script language="JavaScript"  type="text/javascript"src="../JS/jquery-1.7.2.min.js"></script>
<script language="JavaScript"  type="text/javascript"src="../JS/timeline.js"></script>
<script language="JavaScript"  type="text/javascript"src="../JS/CscCalendarV2.js"></script>

<script language="JavaScript"  type="text/javascript" src="../JS/DDMENU.js"></script>


<script language="JavaScript" type="text/javascript">
$(function(){ 
	$("#chkall").click(function(){
		var isCheck = $(this).is(":checked");
		$("input[type=checkbox]").each(function(){
			if(isCheck){
				$(this).attr("checked","true");
			}else{
				$(this).removeAttr( "checked" );
			}
		});
	});
	
});

</script>
<style type="text/css">

</style>
<!-- End Scripts -->
<!-- Begin Head -->

<!-- End Head -->
</head>
<body>
<div id="header"><jsp:include page="EMV_HEADER.jsp" flush="true" /></div>
<div id="topnav"><jsp:include page="EMV_TOPMENU.jsp" flush="true" /></div>
<form id="cscform" name="cscform">
<table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content-list">
                 	<tr>
                       <td colspan="32" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">Approve Payroll</h2></td>
                	</tr>
                	<tr>
                  		<td colspan="32" bgcolor="#415a70" class="column-label">&nbsp;</td>					
					</tr>
        			<tr>
          				<td width="52" rowspan="3" class="column-header"><input type="checkbox" id="chkall" onClick="ChkAll();"></td>
          				<td width="21" rowspan="3" class="column-header">No.</td>
          				<td width="48" rowspan="3" class="column-header">รหัส</td>
          				<td width="88" rowspan="3" class="column-header">ชื่อ - สกุล</td>
          				<td width="66" rowspan="3" class="column-header">ตำแหน่ง</td>
                    	<td colspan="16" class="column-header">ช่วงวันที่ 1 พฤศจิกายน 2555 ถึง 30 พฤศจิกายน 2555</td>
                        <td width="34" rowspan="3" class="column-header">ยืมตัว</td>
                        <td width="79" rowspan="3" class="column-header">ชม. ทำงานย้อนหลัง</td>
          				<td width="37" rowspan="3" class="column-header">Work hour</td>
                    	<td colspan="4" rowspan="2" class="column-header">ชม. OT</td>
                    	<td width="34" rowspan="3" class="column-header">Shift</td>
                    	<td width="34" rowspan="3" class="column-header">WOW</td>
                    	<td width="34" rowspan="3" class="column-header">Rider</td>
                    	<td width="55" rowspan="3" class="column-header">Leaflet</td>                 	
        			<tr>
        			  <td width="34" class="column-header">16</td>
        			  <td width="34" class="column-header">17</td>
        			  <td width="34" class="column-header">18</td>
        			  <td width="34" class="column-header">19</td>
        			  <td width="34" class="column-header">20</td>
        			  <td width="34" class="column-header">21</td>
        			  <td width="34" class="column-header">22</td>
        			  <td width="34" class="column-header">23</td>
        			  <td width="34" class="column-header">24</td>
        			  <td width="34" class="column-header">25</td>
        			  <td width="34" class="column-header">26</td>
        			  <td width="34" class="column-header">27</td>
        			  <td width="34" class="column-header">28</td>
        			  <td width="34" class="column-header">29</td>
        			  <td width="34" class="column-header">30</td>
        			  <td width="34" class="column-header">31</td>
   			      <tr>
      			    <td class="column-header">1</td>
      			    <td class="column-header">2</td>
      			    <td class="column-header">3</td>
      			    <td class="column-header">4</td>
      			    <td class="column-header">5</td>
      			    <td class="column-header">6</td>
      			    <td class="column-header">7</td>
      			    <td class="column-header">8</td>
      			    <td class="column-header">9</td>
      			    <td class="column-header">10</td>
      			    <td class="column-header">11</td>
      			    <td class="column-header">12</td>
      			    <td class="column-header">13</td>
      			    <td class="column-header">14</td>
      			    <td class="column-header">15</td>
      			    <td class="column-header">&nbsp;</td>
      			    <td width="34" class="column-header">1</td>
      			    <td width="34" class="column-header">1.5</td>
      			    <td width="34" class="column-header">2</td>
      			    <td width="34" class="column-header">3</td>
   			      </tr></tr></tr>
                    <tr>
          				<td rowspan="2" class="column-text center"><input id="cbx_approve" type="checkbox" value=""  /></td>
          				<td rowspan="2" class="column-text">1</td>
          				<td rowspan="2" class="column-text">000001</td>
          				<td rowspan="2" class="column-text">นายธีรเดช วงศ์พัวพันธ์</td>
          				<td rowspan="2" class="column-text">CSR Trainee - Thai</td>
                        <td height="29" class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                    </tr>
                    <tr>
          				<td rowspan="2" class="column-text center"><input id="cbx_approve" type="checkbox" value=""  /></td>
          				<td rowspan="2" class="column-text">2</td>
          				<td rowspan="2" class="column-text">000002</td>
          				<td rowspan="2" class="column-text">นายณเดช คุกิมิยะ</td>
          				<td rowspan="2" class="column-text">CSR Trainee - Thai</td>
                        <td height="29" class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                    </tr>
                    <tr>
          				<td rowspan="2" class="column-text center"><input id="cbx_approve" type="checkbox" value="" /></td>
          				<td rowspan="2" class="column-text">3</td>
          				<td rowspan="2" class="column-text">000003</td>
          				<td rowspan="2" class="column-text">นายปกรณ์ ฉัตรบริรักษ์</td>
          				<td rowspan="2" class="column-text">CSR Trainee - Thai</td>
                        <td height="29" class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                    </tr>
                    <tr>
          				<td rowspan="2" class="column-text center"><input id="cbx_approve" type="checkbox" value="" /></td>
          				<td rowspan="2" class="column-text">4</td>
          				<td rowspan="2" class="column-text">000004</td>
          				<td rowspan="2" class="column-text">นางสาวญาญ่า มาร์กี้</td>
          				<td rowspan="2" class="column-text">CSR Trainee - Thai</td>
                        <td height="29" class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                    </tr>
                    <tr>
          				<td rowspan="2" class="column-text center"><input id="cbx_approve" type="checkbox" value="" /></td>
          				<td rowspan="2" class="column-text">5</td>
          				<td rowspan="2" class="column-text">000005</td>
          				<td rowspan="2" class="column-text">นางสาวพัชราภา ไชยเชื้อ</td>
          				<td rowspan="2" class="column-text">CSR Trainee - Thai</td>
                        <td height="29" class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                        <td rowspan="2" class="column-text">8.00</td>
          				<td rowspan="2" class="column-text">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
                      	<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
                        <td class="column-text">8.00</td>
          				<td class="column-text">8.00</td>
          				<td class="column-text">&nbsp;</td>
                    </tr>
                    <tr>
          				<td rowspan="2" colspan="3" class="column-header center">Total</td>
          				<td rowspan="2" colspan="2" class="column-header">5</td>
          				<td height="29" class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">&nbsp;</td>
                        <td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
                        <td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
                        <td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
                        <td rowspan="2" class="column-header">8.00</td>
          				<td rowspan="2" class="column-header">8.00</td>
                    </tr>
                    <tr>
                      	<td class="column-header">8.00</td>
                      	<td class="column-header">8.00</td>
                      	<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
                        <td class="column-header">8.00</td>
          				<td class="column-header">8.00</td>
          				<td class="column-header">&nbsp;</td>
                    </tr>
                    <tr>
                  		<td colspan="32"><div class="button-line">
           		   <a href="javascript:GoSave();"><img src="Images/SUBMIT.gif" alt="Submit" width="80" height="23" style="margin-right: 370px"/></a>
            </div><!-- End button-line --></td>
                	</tr>
                    <tr>
                  		<td colspan="32" bgcolor="#0f91d0"class="table-footer">&nbsp;</td>
                	</tr>                                              
				</table>
</form>
</body>
</html>