<?xml version="1.0" encoding="UTF-8" ?>
<jsp:root
	xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:og="hybs-taglib.tld" 
	version="2.0">
<jsp:directive.page language="java" contentType="text/html; charset=UTF-8" />

<og:head headType="simple" >
	<script type="text/javascript">var HYBS_CAL_START_MON = false;</script>
	<og:equals val1="{@SYS.CALENDAR_START_MONDAY}" val2="true">
		<script type="text/javascript">HYBS_CAL_START_MON = true;</script>
		<og:value command="SET" key="CAL_FLG" value="1" />
	</og:equals>
	<title>Calendar</title>
    <link rel="stylesheet" href="../common/default.css" type="text/css" />
	<link rel="stylesheet" href="../common/calendar2.css" type="text/css" />
    <link rel="stylesheet" href="../custom/custom.css" type="text/css" />
	<link rel="stylesheet" href="../common/option/html5modalDialog.css" type="text/css" /><!-- 5.9.5.1 -->
	<script type="text/javascript" src="../common/jquery/jquery.js" ><!-- --></script><!-- 5.9.5.1 -->
	<script type="text/javascript" src="../common/default.js"><!-- --></script>
	<script type="text/javascript" src="../common/option/html5modalDialog.js" ><!-- --></script><!-- 5.9.5.1 -->
	<script type="text/javascript" src="../common/calendar2.js"><!-- --></script>
</og:head>
<body>
<div id="calendar" style="height:100%;">
<table border="0px" cellspacing="0px" cellpadding="0px">
	<tr><td align="center" valign="top" height="100%">
	<og:text>
	<table id="calendarTable" border="1px" style="font-family:monospace;" >
	<tr>
		<th id="tableHeader" colspan="7"></th>
	</tr>
	<tr>
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true"><th>{@LBL.DAYOTW.1}</th></og:equals>
		<th>{@LBL.DAYOTW.2}</th><th>{@LBL.DAYOTW.3}</th><th>{@LBL.DAYOTW.4}</th>
		<th>{@LBL.DAYOTW.5}</th><th>{@LBL.DAYOTW.6}</th><th>{@LBL.DAYOTW.7}</th>
		<og:equals val1="{@CAL_FLG}" val2="1" ><th>{@LBL.DAYOTW.1}</th></og:equals>
	</tr>
	<tbody id="tableBody" style="text-align:right;"> <!-- --></tbody>
	<tr>
		<td align="center" colspan="7">
		  <form name="dateChooser">
			<select name="chooseYear"  onchange="populateTable(this.form)"><!-- --></select>
			<select name="chooseMonth" onchange="populateTable(this.form)">
				<option>{@LBL.MONTHOTY.1}	</option><option>{@LBL.MONTHOTY.2}	</option>
				<option>{@LBL.MONTHOTY.3}	</option><option>{@LBL.MONTHOTY.4}	</option>
				<option>{@LBL.MONTHOTY.5}	</option><option>{@LBL.MONTHOTY.6}	</option>
				<option>{@LBL.MONTHOTY.7}	</option><option>{@LBL.MONTHOTY.8}	</option>
				<option>{@LBL.MONTHOTY.9}	</option><option>{@LBL.MONTHOTY.10}	</option>
				<option>{@LBL.MONTHOTY.11}	</option><option>{@LBL.MONTHOTY.12}	</option>
			</select>
		  </form>
		</td>
	</tr>
	</table>
	</og:text>
</td></tr></table>
</div>

<script type="text/javascript">
/* --
	initCalendar();
	document.onreadystatechange=setWinSize;
-- */
	window.onload = function () { initCalendar(); setWinSize(); }
</script>
</body>

</jsp:root>
