<?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>var HYBS_CAL_START_MON = false;</script>
	<og:equals val1="{@SYS.CALENDAR_START_MONDAY}" val2="true">
		<script>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" />
    <link rel="stylesheet" href="../custom/custom.css" />
    <link rel="stylesheet" href="../common/calendar_3month.css" />
	<link rel="stylesheet" href="../common/option/html5modalDialog.css" /><!-- 5.9.5.1 -->
	<script src="../common/jquery/jquery.js" ><!-- --></script><!-- 5.9.5.1 -->
	<script src="../common/default.js"><!-- --></script>
	<script src="../common/option/html5modalDialog.js" ><!-- --></script><!-- 5.9.5.1 -->
	<script src="../common/calendar_3month.js"><!-- --></script>
</og:head>
<body>
<div id="calendar" style="height:100%;">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="top" height="100%">
	<og:text>
	<table id="calendarTable" border="0" cellspacing="0" style="font-family:monospace;" >
	<tr>
		<th colspan="21" id="tableHaderMonth"></th>
	</tr>
	<tr>
		<th colspan="21" id="tableHeaderLink"></th>
	</tr>
	<tr>
		<th id="tableHeader" colspan="7" class="month cell-right"></th>
		<th id="tableHeader1" colspan="7" class="month cell-right"></th>
		<th id="tableHeader2" class="month" colspan="7"></th>
	</tr>
	<tr>
		<!-- 前月 -->
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true"><th class="cell holiday">{@LBL.DAYOTW.1}</th></og:equals>
		<th class="cell">{@LBL.DAYOTW.2}</th><th class="cell">{@LBL.DAYOTW.3}</th><th class="cell">{@LBL.DAYOTW.4}</th>
		<th class="cell">{@LBL.DAYOTW.5}</th><th class="cell">{@LBL.DAYOTW.6}</th>
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true">
			<th class="cell holiday cell-right">{@LBL.DAYOTW.7}</th>
		</og:equals>
		<og:equals val1="{@CAL_FLG}" val2="1" >
			<th class="cell holiday">{@LBL.DAYOTW.7}</th><th class="cell holiday cell-right">{@LBL.DAYOTW.1}</th>
		</og:equals>
		<!-- 当月 -->
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true"><th class="cell holiday">{@LBL.DAYOTW.1}</th></og:equals>
		<th class="cell">{@LBL.DAYOTW.2}</th><th class="cell">{@LBL.DAYOTW.3}</th><th class="cell">{@LBL.DAYOTW.4}</th>
		<th class="cell">{@LBL.DAYOTW.5}</th><th class="cell">{@LBL.DAYOTW.6}</th>
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true">
			<th class="cell holiday cell-right">{@LBL.DAYOTW.7}</th>
		</og:equals>
		<og:equals val1="{@CAL_FLG}" val2="1" >
			<th class="cell holiday">{@LBL.DAYOTW.7}</th><th class="cell holiday cell-right">{@LBL.DAYOTW.1}</th>
		</og:equals>
		<!-- 翌月 -->
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true"><th class="cell holiday">{@LBL.DAYOTW.1}</th></og:equals>
		<th class="cell">{@LBL.DAYOTW.2}</th><th class="cell">{@LBL.DAYOTW.3}</th><th class="cell">{@LBL.DAYOTW.4}</th>
		<th class="cell">{@LBL.DAYOTW.5}</th><th class="cell">{@LBL.DAYOTW.6}</th>
		<og:equals val1="{@CAL_FLG}" val2="1" notEquals="true">
			<th class="cell holiday">{@LBL.DAYOTW.7}</th>
		</og:equals>
		<og:equals val1="{@CAL_FLG}" val2="1" >
			<th class="cell holiday">{@LBL.DAYOTW.7}</th><th class="cell holiday">{@LBL.DAYOTW.1}</th>
		</og:equals>
	</tr>
	<tbody id="tableBody" style="text-align:right;"> <!-- --></tbody>
	</table>
	</og:text>
</td></tr></table>
</div>

<og:text>
<script>
	// 3ヵ月分の表示
	window.onload = function () {initCalendar(3); setWinSize(); setEvent();}

	function setEvent(){
		// セル選択で中のリンク実行
		$('#calendarTable').delegate('td','click',function(){
			if($(this).find('a')[0]){
				$(this).find('a')[0].click();
			}
		});
	}
</script>
</og:text>
</body>

</jsp:root>
