<og:text>
<div id            = "GanttSlider"
     view          = "{@MEM.VIEW_ZOOM}"
     beginDate     = "{@MEM.START_DATE}"
     endDate       = "{@DYMAX}"
     onmousedown   = "fnMouseDown(event)   "
     onmousemove   = "fnTrackMouse(event)  "
     onmouseup     = "fnMouseUp(event)     "
/>
</og:text>

<og:viewMarker command="{@command}" >
	<og:columnMarker column="COMPLETE" onMark="[COMPLETE]" markList="100" >
		<span style="background-color:#ccff00">[COMPLETE]</span>
	</og:columnMarker>
</og:viewMarker>

<og:view
	viewFormType = "HTMLCustomTable"
	viewFormId   = "viewX2"
	command      = "VIEW"
	startNo      = "{@startNo}"
	checked      = "{@checked}"
	pageSize     = "{@pageSize}"
	numberType   = "delete"
	rowspan      = "1"
	useScrollBar = "false"
	loadMarker   = "true"
	useSelectedRow = "false"
>
	<og:thead rowspan="1">
		<tr>
			<td class="gantt zoom{@MEM.VIEW_ZOOM}" style="text-align:left;background-image: url('{@SYS.JSP}/image/ganttBG{@MEM.VIEW_ZOOM}.gif');" >
				<og:ganttHeader
						startDate="{@MEM.START_DATE}" endDate="{@DYMAX}" zoom="{@MEM.VIEW_ZOOM}"
						calDB="GF13" arg1="{@MEM.CDJGS}" />
			</td>
			<td>[COMPLETE](%)</td>
		</tr>
	</og:thead>

	<og:tbody usableKey="MEETING" usableList="0" rowspan="1">
		<tr>
			<td style="margin:0px;padding:0px;text-align:left;vertical-align:top;background-image:url('{@SYS.JSP}/image/ganttBG{@MEM.VIEW_ZOOM}.gif');" >
				<div style="position:relative;left:0px;top:0px;" height="100%" width="100%" >
					<div style="position:absolute;left:[DYENDX]px;top:7px;" >
						&nbsp;&nbsp;
						<span style="background-image:url('{@SYS.JSP}/image/space_white.gif');">[RESOURCE_NAMES]</span>
					</div>
					<div id = "[KEY.DURA]"
						title        = "[$DYSTART]-[$DYEND]"
						beginInput   = "[KEY.DYSTART]"
						endInput     = "[KEY.DYEND]"
						chboxid      = "[ROW.ID]"
						style="position:absolute;left:[DYSTR]px;top:7px;background-color:green;width:[DURA]px;font-size:7px; height:5px;" >
					</div>
					<div id = "[KEY.SUMI]"
						beginInput   = "[KEY.DYSTART]"
						endInput     = "[KEY.DYEND]"
						chboxid      = "[ROW.ID]"
						style="position:absolute;left:[DYSTR]px;top:7px;background-color:blue;width:[SUMI]px;font-size:7px; height:5px;" >
					</div>
				</div>
			</td>
			<td>[COMPLETE]%</td>
		</tr>
	</og:tbody>

	<og:tbody usableKey="MCOMP" usableList="11" rowspan="1" >
		<tr>
			<td style="margin:0px;padding:0px;text-align:left;vertical-align:top;background-image: url('{@SYS.JSP}/image/ganttBG{@MEM.VIEW_ZOOM}.gif');" >
				<div style="position:relative;left:0px;top:0px;" height="100%" width="100%" >
					<div style="position:absolute;left:[DYENDX]px;top:7px;" >
						&nbsp;&nbsp;
						<span style="background-image:url('{@SYS.JSP}/image/space_white.gif');">[RESOURCE_NAMES]</span>
					</div>
					<img id = "[KEY.DURA]"
						hspace="0px" align="left" height="10px" src="{@SYS.JSP}/image/dia_green.gif" alt="[$DYEND]"
						ganttType    = "1"
						beginInput   = "[KEY.DYSTART]"
						endInput     = "[KEY.DYEND]"
						chboxid      = "[ROW.ID]"
						style="position:absolute;left:[DYSTR]px;top:7px;" />
				</div>
			</td>
			<td>[COMPLETE]%</td>
		</tr>
	</og:tbody>

	<og:tbody usableKey="MCOMP" usableList="10" rowspan="1" >
		<tr>
			<td style="margin:0px;padding:0px;text-align:left;vertical-align:top;background-image: url('{@SYS.JSP}/image/ganttBG{@MEM.VIEW_ZOOM}.gif');" >
				<div style="position:relative;left:0px;top:0px;" height="100%" width="100%" >
					<div style="position:absolute;left:[DYENDX]px;top:7px;" >
						&nbsp;&nbsp;
						<span style="background-image:url('{@SYS.JSP}/image/space_white.gif');">[RESOURCE_NAMES]</span>
					</div>
					<img id = "[KEY.DURA]"
						hspace="0px" align="left" height="10px" src="{@SYS.JSP}/image/dia_blue.gif" alt="[$DYEND]"
						ganttType    = "1"
						beginInput   = "[KEY.DYSTART]"
						endInput     = "[KEY.DYEND]"
						chboxid      = "[ROW.ID]"
						style="position:absolute;left:[DYSTR]px;top:7px;"  />
				</div>
			</td>
			<td>[COMPLETE]%</td>
		</tr>
	</og:tbody>
</og:view>
