<!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" />
<link rel="stylesheet" type="text/css" href="../CSS/jquery-ui.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/jquery-ui.js"></script>




<script language="JavaScript"  type="text/javascript" src="../JS/DDMENU.js"></script>
<script language="JavaScript"  type="text/javascript" src="../JS/SCREEN.js"></script>
<script language="JavaScript" type="text/javascript">
	$(function(){ 

		$( document ).tooltip();

		$(".timelines").timeline({
			timezone:[{
				id:'tz1',
				draggable:false,
				resizable:false,
				start_date:'09-11-2012',
				start_time:'9.00',
				end_date:'09-11-2012',
				end_time:'18.00',
				color:'#F60',
				mapValue:{
					start_date:'#start_date',
					start_time:'#start_time',
					end_date:'#end_date',
					end_time:'#end_time'
				},
				text:'actual',
				toolTip:function(opts){
					return "Actual "+opts.start_time+" - "+opts.end_time;
				}
			},
			{
				id:'tz2',
				draggable:false,
				resizable:false,
				start_date:'09-11-2012',
				start_time:'9.00',
				end_date:'09-11-2012',
				end_time:'18.00',
				color:'#00F',
				text:'Plan',
				toolTip:function(opts){
					return "Plan "+opts.start_time+" - "+opts.end_time;
				}
			}],
			timescale:'15'
		});

		$("#TimeLineEditing").timeline({
			timezone:[{
				id:'tz1',
				start_date:'09-11-2012',
				start_time:'9.00',
				end_date:'09-11-2012',
				end_time:'18.00',
				color:'#F60',
				mapValue:{
					start_date:'#start_date',
					start_time:'#txt_timeIn',
					end_date:'#end_date',
					end_time:'#txt_timeOut'
				},
				text:'actual',
				toolTip:function(opts){
					return "Actual "+opts.start_time+" - "+opts.end_time;
				}
			},
			{
				id:'tz2',
				draggable:false,
				resizable:false,
				start_date:'09-11-2012',
				start_time:'9.00',
				end_date:'09-11-2012',
				end_time:'18.00',
				color:'#00F',
				text:'Plan'
			}],
			timescale:'15'
		});

		$("#myWindow").dialog({
			autoOpen: false,
			height: 800,
			width: 900,
			modal: true,

			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});

		$(".editTimeLine").click(function(){
			var opts = $("#"+$(this).attr("timelineid")).timeline("getOption");
			var nTimeZone = [];
			for(var i = 0;opts.timezone && i<opts.timezone.length;i++){
				/*$.extend(true,opts.timezone[i],{
					draggable:true,
					resizable:true
				});*/
				var nOpts = {
					start_date:opts.timezone[i].start_date,
					start_time:opts.timezone[i].start_time,
					end_date:opts.timezone[i].end_date,
					end_time:opts.timezone[i].end_time,
					CalendarStart:opts.timezone[i].CalendarStart,
					CalendarEnd:opts.timezone[i].CalendarEnd
				};
				nTimeZone.push(nOpts);
			}
			var objTimeZone = {
				timezone:nTimeZone
			};
			$("#TimeLineEditing").attr("editTimeLineID",$(this).attr("timelineid"))
			$("#TimeLineEditing").timeline("updateTimeZone",objTimeZone);
			$("#myWindow").dialog( "open" );
		});

		$("#EditSuccess").click(function(){
			var opts = $("#TimeLineEditing").timeline("getOption");
			var nTimeZone = [];
			for(var i = 0;opts.timezone && i<opts.timezone.length;i++){
				var nOpts = {
					start_date:opts.timezone[i].start_date,
					start_time:opts.timezone[i].start_time,
					end_date:opts.timezone[i].end_date,
					end_time:opts.timezone[i].end_time,
					CalendarStart:opts.timezone[i].CalendarStart,
					CalendarEnd:opts.timezone[i].CalendarEnd
				};
				/*$.extend(true,opts.timezone[i],{
					draggable:false,
					resizable:false
				});*/
				nTimeZone.push(nOpts);
			}
			var objTimeZone = {
				timezone:nTimeZone
			};
			$("#"+$("#TimeLineEditing").attr("editTimeLineID")).timeline("updateTimeZone",objTimeZone);
			$("#myWindow").dialog( "close" );
			
		});
	});
		

</script>
<style type="text/css">
#header {
 	background: #FFFFFF ;
}

.dialog {
	z-index:9000
}
</style>
<!-- End Scripts -->
<!-- Begin Head -->

<!-- End Head -->
</head>
<body>
<div id="wrapper">
  <div id="header"><jsp:include page="EMV_HEADER.jsp" flush="true" /></div>
  <div id="topnav"><jsp:include page="EMV_TOPMENU.jsp" flush="true" /></div>
  <div id="container">
    <div id="sidebar"><jsp:include page="EMV_SIDEBAR.jsp" flush="true" /></div>
<div id="container">
	<div id="content">
		<div class="content">
        	<div class="box-search-condition">
				<div class="content-title">กำหนดเงื่อนไขการค้นหา</div>
				<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table-search-condition">
                	<tr>
                  		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
            		<tr>
						<td class="column-label" width="155">ช่วงวัน</td>
						<td colspan="3" class="column-input-padding">
                        	<input name="txt_datestart" type="text" id="txt_datestart" value="01-11-2012" size="15" />
                            <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /> - <input name="txt_datestart" type="text" id="txt_datestart" value="30-11-2012" size="15" />
                            <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label" width="155">รหัสพนักงาน</td>
                        <td class="column-input-padding" width="215">
                        	<input name="txt_id" type="text" id="txt_id" value="000001" size="15" />
                        	<img src="Images/SEARCH20.gif" width="20" height="20" align="top" /></td>
                        <td class="column-label" width="125">ชื่อ นามสกุล</td>
                        <td class="column-input-padding" width="328"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายธีรเดช วงศ์พัวพันธ์" size="30" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label">สาขาร้าน</td>
                        <td class="column-input-padding">
                        	<input name="txt_id" type="text" disabled="disabled" id="txt_id" value="KFC - Sukhumvit" size="30" /></td>
                        <td class="column-label">หัวหน้า</td>
                        <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายหัวหน้า อำนวยความสะดวก" size="30" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label">ตำแหน่ง</td>
                        <td class="column-input-padding">
                        	<input name="txt_id" type="text" disabled="disabled" id="txt_id" value="CSR Trainee - Thai" size="30" /></td>
                        <td class="column-label">เบอร์โทรศัพท์</td>
                        <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="000-000-0000" size="25" /></td>
                    </tr>
                    <tr>
                  		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
					<tr>
                    	<td class="column-label" width="155">&nbsp;</td>
						<td colspan="3" class="column-input"><img src="Images/VIEW.gif" align="absmiddle" style="margin-left: 170px"/></td>
                    </tr>							
					</tr>
                    <tr>
                		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
				</table>
        	</div> <!-- End box-search-condition -->
			<div class="content-box1">
      			<form id="day_list" name="day_list" method="post" action="">
                <table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content-list">
                    <tr>
                            <td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ดูข้อมูล Roaster ตามวันที่</h2></td>
                	</tr>
                	<tr>
                  		<td colspan="17" bgcolor="#415a70" class="column-label">&nbsp;</td>
                    </tr>
                    <tr>
                  		<td colspan="17" class="column-header" style="padding-right: 300px">ช่วงวันที่ 1 พฤศจิกายน 2555 ถึง 30 พฤศจิกายน 2555</td>
                    </tr>
        			<tr>
          				<td class="column-header" width="80" rowspan="2" >วัน</td>
          				<td class="column-header" width="480px" rowspan="2"><div align="left" style="padding:0 6px;"><img src="Images/time5-480.png" /></div></td>          				
                    	<td class="column-header" width="4%" rowspan="2" >ยืมตัว</td>
                        <td class="column-header" width="4%" rowspan="2" >Work hour</td>
                    	<td colspan="4" class="column-header" width="40">OT</td>                    	
                    	<td class="column-header" width="4%" rowspan="2" >Shift</td>
                    	<td class="column-header" width="4%" rowspan="2" >WOW</td>
                    	<td class="column-header" width="4%" rowspan="2" >Rider</td>
                    	<td class="column-header" width="4%" rowspan="2" >Leaflet</td>                    
                        <tr>
                            <td width="4%" class="column-header">1</td>
      			    		<td width="4%" class="column-header">1.5</td>
      			    		<td width="4%" class="column-header">2</td>
      			    		<td width="4%" class="column-header">3</td>
                        </tr> 
        			</tr>
        			<tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline1">01-11-2012</a></td>
          				<td class="column-text"><div id="timeline1" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline2">02-11-2012</a></td>
          				<td class="column-text"><div id="timeline2" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline3">03-11-2012</a></td>
          				<td class="column-text"><div id="timeline3" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline4">04-11-2012</a></td>
          				<td class="column-text"><div id="timeline4" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline5">05-11-2012</a></td>
          				<td class="column-text"><div id="timeline5" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline6">06-11-2012</a></td>
          				<td class="column-text"><div id="timeline6" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline7">07-11-2012</a></td>
          				<td class="column-text"><div id="timeline7" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline8">08-11-2012</a></td>
          				<td class="column-text"><div id="timeline8" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline9">09-11-2012</a></td>
          				<td class="column-text"><div id="timeline9" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline10">10-11-2012</a></td>
          				<td class="column-text"><div id="timeline10" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline11">11-11-2012</a></td>
          				<td class="column-text"><div id="timeline11" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline12">12-11-2012</a></td>
          				<td class="column-text"><div id="timeline12" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline13">13-11-2012</a></td>
          				<td class="column-text"><div id="timeline13" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline14">14-11-2012</a></td>
          				<td class="column-text"><div id="timeline14" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline15">15-11-2012</a></td>
          				<td class="column-text"><div id="timeline15" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline16">16-11-2012</a></td>
          				<td class="column-text"><div id="timeline16" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline17">17-11-2012</a></td>
          				<td class="column-text"><div id="timeline17" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline18">18-11-2012</a></td>
          				<td class="column-text"><div id="timeline18" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline19">19-11-2012</a></td>
          				<td class="column-text"><div id="timeline19" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline20">20-11-2012</a></td>
          				<td class="column-text"><div id="timeline20" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline21">21-11-2012</a></td>
          				<td class="column-text"><div id="timeline21" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline22">22-11-2012</a></td>
          				<td class="column-text"><div id="timeline22" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline23">23-11-2012</a></td>
          				<td class="column-text"><div id="timeline23" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline24">24-11-2012</a></td>
          				<td class="column-text"><div id="timeline24" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline25">25-11-2012</a></td>
          				<td class="column-text"><div id="timeline25" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline26">26-11-2012</a></td>
          				<td class="column-text"><div id="timeline26" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline27">27-11-2012</a></td>
          				<td class="column-text"><div id="timeline27" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline28">28-11-2012</a></td>
          				<td class="column-text"><div id="timeline28" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline29">29-11-2012</a></td>
          				<td class="column-text"><div id="timeline29" class="timelines" align="left"></div></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>  			
        			</tr>
                    <tr>
          				<td class="column-text center"><a href="javascript:void(0)" class="editTimeLine" timelineid="timeline30">30-11-2012</a></td>
          				<td class="column-text"><div id="timeline30" class="timelines" align="left"></div></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>    			
        			</tr>
                    <tr>
                  		<td colspan="17" bgcolor="#0f91d0"class="table-footer">&nbsp;</td>
                	</tr>                  
				</table>
                </form>
			</div> <!-- End content-box1 -->
		</div> <!-- End content class -->















	<div id="myWindow" class="dialog">
			<div class="content">
        <form id="edit_staff" name="edit_staff" method="post" action="">
        	<div class="box-search-condition">
				<div class="content-title">กำหนดเงื่อนไขการค้นหา</div>
				<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table-search-condition">
                	<tr>
                  		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
            		<tr>
						<td class="column-label" width="155">ช่วงวัน</td>
						<td colspan="3" class="column-input-padding">
                        	<input name="txt_datestart" type="text" id="txt_datestart" value="01-11-2012" size="15" />
                            <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /> - <input name="txt_datestart" type="text" id="txt_datestart" value="30-11-2012" size="15" />
                            <img src="Images/CALENDAR_SWAP20.gif" width="20" height="20" align="top" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label" width="155">รหัสพนักงาน</td>
                        <td class="column-input-padding" width="215">
                        	<input name="txt_id" type="text" id="txt_id" value="000001" size="15" />
                        	<img src="Images/SEARCH20.gif" width="20" height="20" align="top" /></td>
                        <td class="column-label" width="125">ชื่อ นามสกุล</td>
                        <td class="column-input-padding" width="328"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายธีรเดช วงศ์พัวพันธ์" size="30" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label">สาขาร้าน</td>
                        <td class="column-input-padding">
                        	<input name="txt_id" type="text" disabled="disabled" id="txt_id" value="KFC - Sukhumvit" size="30" /></td>
                        <td class="column-label">หัวหน้า</td>
                        <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="นายหัวหน้า อำนวยความสะดวก" size="30" /></td>
                    </tr>
                    <tr>
                    	<td class="column-label">ตำแหน่ง</td>
                        <td class="column-input-padding">
                        	<input name="txt_id" type="text" disabled="disabled" id="txt_id" value="CSR Trainee - Thai" size="30" /></td>
                        <td class="column-label">เบอร์โทรศัพท์</td>
                        <td class="column-input-padding"><input name="txt_id" type="text" disabled="disabled" id="txt_id" value="000-000-0000" size="25" /></td>
                    </tr>
                    <tr>
                  		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
					<tr>
                    	<td class="column-label" width="155">&nbsp;</td>
						<td colspan="3" class="column-input"><img src="Images/VIEW.gif" align="absmiddle" style="margin-left: 170px"/></td>
                    </tr>							
					</tr>
                    <tr>
                		<td colspan="4" class="column-label">&nbsp;</td>
                	</tr>
				</table>
        	</div> <!-- End box-search-condition -->
			<div class="content-box1-noover">
				<table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="table-content-list">
                	<tr>
                  		<td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ส่วนที่ 1: ปรับปรุงการทำงานประจำวัน / Adjust Time</h2></td>
                	</tr>
                	<tr>
						<td colspan="6" bgcolor="#415a70">&nbsp;</td>
					</tr>
                	<tr>
          				<td width="182" class="column-header-nobg right" style="padding-right: 15px">Time-In</td>
          				<td class="column-header-nobg" width="73">Time-Out</td>			
                    	<td class="column-header-nobg left" width="192" style="padding-left: 10px">รวม ชม. ทำงาน</td>
                    	<td class="column-header-nobg right" width="83" style="padding-right: 18px">OT (In)</td>
                    	<td class="column-header-nobg" width="71">OT (Out)</td>
                        <td class="column-header-nobg left" width="222" style="padding-left: 15px">รวม ชม. OT</td>
                    </tr>
        			<tr>
          				<td class="column-text right"><input name="txt_timeIn" type="text" id="txt_timeIn" value="08.00" size="5"/></td>
          				<td class="column-text" style="padding: 0">- <input name="txt_timeOut" type="text" id="txt_timeOut" value="17.00" size="5"/></td>
          				<td class="column-text left">:
          				  <input name="txt_timeSum" type="text" disabled="disabled" id="txt_timeSum" value="08.00" size="5"/> ชม.</td>
          				<td class="column-text right"><input name="txt_otIn" type="text" id="txt_otIn" value="18.00" size="5"/></td>
                    	<td class="column-text" style="padding: 0">- <input name="txt_otOut" type="text" id="txt_otOut" value="22.00" size="5"/></td>
          				<td class="column-text">:
          				  <input name="txt_otSum left" type="text" disabled="disabled" id="txt_otSum" value="04.00" size="5"/> ชม.</td>
					</tr>                    
				</table>
                <table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="table-content-list">
                	<tr>
						<td colspan="5" bgcolor="#F4F4F4">&nbsp;</td>
					</tr>
                	<tr>          				
                    	<td class="column-header-nobg right" width="182" style="padding-right: 10px">เลือก Break</td>
                    	<td class="column-header-nobg" width="72">Break (In)</td>
                    	<td class="column-header-nobg left" width="73" style="padding-left: 6px">Break (Out)</td>
                    	<td width="126" class="column-header-nobg left" style="padding-left: 10px">รวม ชม. Break</td>
                    	<td class="column-header-nobg left" style="padding-left: 0px">ชม. ทำงานย้อนหลัง</td>
                        </tr>
                    <tr>
          				<td class="column-text right"><label for="txt_break"></label>
          				  <select name="txt_break" size="1" id="txt_break">
          				    <option value="break1">Break1</option>
          				    <option value="break2">Break2</option>
          				    <option value="break3">Break3</option>
			            </select></td>
          				<td class="column-text"><input name="txt_breakIn1" type="text" id="txt_breakIn1" value="10.00" size="5"/></td>
                    	<td class="column-text" style="padding: 0">- <input name="txt_breakOut1" type="text" id="txt_breakOut1" value="10.30" size="5"/></td>
          				<td class="column-text left">:
          				  <input name="txt_breakSum1" type="text" disabled="disabled" id="txt_breakSum1" value="00.30" size="5"/> ชม.</td>
          				
                        <td width="370" class="column-text left"><label for="txt_hourBack"></label>
                        <input name="txt_hourBack" type="text" id="txt_hourBack" value="02.00" size="5" /> ชม.</td>
                    </tr>
					<tr>
       				  <td class="column-text right">&nbsp;</td>
          				<td class="column-text"><input name="txt_breakIn2" type="text" id="txt_breakIn2" value="00.00" size="5"/></td>
                    	<td class="column-text" style="padding: 0">- <input name="txt_breakOut2" type="text" id="txt_breakOut2" value="00.00" size="5"/></td>
   				  <td colspan="3" class="column-text left">&nbsp;</td>    				</tr>
                    <tr>
          				<td class="column-text right">&nbsp;</td>
          				<td class="column-text"><input name="txt_breakIn3" type="text" id="txt_breakIn3" value="00.00" size="5"/></td>
                    	<td class="column-text" style="padding: 0">- <input name="txt_breakOut3" type="text" id="txt_breakOut3" value="00.00" size="5"/></td>
       				  <td colspan="3" class="column-text left">&nbsp;</td>
                    </tr>
					<tr>
                  		<td colspan="14" bgcolor="#f4f4f4">&nbsp;</td>
                	</tr>
                    <tr>
                  		<td colspan="14" bgcolor="#f4f4f4"><div align="center">
				<img src="Images/timeline5-480.png" />
				<div id="TimeLineEditing" ></div>
			</div> <!-- End timeline768 --></td>
                	</tr>
                    <tr>
                  		<td colspan="14" bgcolor="#f4f4f4">&nbsp;</td>
                	</tr>
                    <tr>
                  		<td colspan="14" bgcolor="#0f91d0"class="table-footer">&nbsp;</td>
                	</tr>                    
				</table>
			</div> <!-- End content-box1 -->
            <!--<div class="timeline768">
				<img src="Images/time8-768.png" />
				<div>--------------<br />--------------<br /></div>
			</div> <!-- End timeline768 -->
			<div class="content-box1-noover">
				<table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content">
                	<tr>
                  		<td colspan="17" bgcolor="#0f91d0"><h2 style="color: #fff; background: #0f91d0">ส่วนที่ 2: ปรับปรุงรายได้อื่นๆ ประจำวัน / Adjust Income</h2></td>
                	</tr>
					<tr>
						<td colspan="4" bgcolor="#415a70">&nbsp;</td>
					</tr>
					<tr>
						<td class="column-label" width="20%">OT 1</td>
						<td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td>
						<td class="column-label" width="20%">OT 1.5</td>
						<td class="column-text"><input name="txt_out" type="text" id="txt_out" value="00.00" size="10" /> ชม.</td>
					</tr>
					<tr>
						<td class="column-label" >OT 2</td>
						<td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td>
						<td class="column-label" >OT 3</td>
						<td class="column-text"><input name="txt_in" type="text" id="txt_in" value="00.00" size="10" /> ชม.</td>
					</tr>                    	
					<tr>
						<td class="column-label">Shift</td>
						<td class="column-text"><input name="txt_shift" type="text" id="txt_shift" value="00.00" size="10" /> บาท</td>
						<td class="column-label">WOW</td>
						<td class="column-text"><input name="txt_wow" type="text" id="txt_wow" value="00.00" size="10" /> บาท</td>
					</tr>
					<tr>
						<td class="column-label">Rider</td>
						<td class="column-text"><input name="txt_rider" type="text" id="txt_rider" value="00.00" size="10" /> บาท</td>
						<td class="column-label">Leaflet</td>
						<td class="column-text"><input name="txt_leaflet" type="text" id="txt_leaflet" value="00.00" size="10" /> บาท</td>
					</tr>
                    <tr>
                  		<td colspan="17"><div class="button-line">
								<a href="javascript:void(0);" id="EditSuccess"><img src="Images/SUBMIT.gif" alt="Submit" width="80" height="23" /></a>
				</div> <!-- End button-line --></td>
                	</tr>
                    <tr>
                  		<td colspan="17" bgcolor="#0f91d0"class="table-footer">&nbsp;</td>
                	</tr>         
				</table>
			</div> <!-- End content-box1 -->
			</form>
		</div> <!-- End content class -->
	</div>




    </div>
	<!-- End content id -->
</div> <!-- End container -->
  </div>
  <div id="footer"><jsp:include page="EMV_FOOTER.jsp" flush="true" />        </div>
</div>
</body>
</html>