<div id="calendar_day">
	<table class="table header">
		<tr>
			<th class="span1"></th>
			<th>
				<h2 id="day_header" style="display:none;"><%= @cur_day %></h2>
			</th>
		</tr>
		<tr>
			<td></td>
			<td class="all_day_event">
				<!-- <div class="event" style="background-color: #ffcc00;">event1</div>
				<div cla ss="event" style="background-color: #ffcc00;">event2</div> -->
			</td>
		</tr>
	</table>
	<div class="event_list">
		<table class="table">
			<tr>
				<td style="width: 60px;">
					<% @hours.each do |hour| %>
						<div class="day_time"><%= hour %>am</div>
					<% end %>
					<% @hours.each do |hour| %>
						<div class="day_time"><%= hour %>pm</div>
					<% end %>
				</td>
				<td>
					<div class="event_list_wrapper">
						<% @hours.each do |hour| %>
							<div class="cell click_event" time="<%= hour.to_s+".5" %>" ref="add-btn" link="<%= new_panel_calendar_back_end_event_path %>" date="<%= @date.to_s %>" ses="AM">
								<div class="divide click_event" time="<%= hour %>" ref="add-btn" link="<%= new_panel_calendar_back_end_event_path %>" date="<%= @date.to_s %>" ses="AM"></div>
							</div>
						<% end %>
						<% @hours.each do |hour| %>
							<div class="cell click_event" time="<%= hour.to_s+".5" %>" ref="add-btn" link="<%= new_panel_calendar_back_end_event_path %>"  date="<%= @date.to_s %>" ses="PM">
								<div class="divide click_event" time="<%= hour %>" ref="add-btn" link="<%= new_panel_calendar_back_end_event_path %>" date="<%= @date.to_s %>" ses="PM"></div>
							</div>
						<% end %>
						<div class="event_holder">
							<!-- <div class="inner">
								<div class="event" style="background-color: #66cc00; top: 0;">
									<dl>
										<dt>10:30am - 11:00am</dt>
										<dd>template</dd>
									</dl>
								</div>
								<div class="event" style="background-color: #00aacc; top: 39px;">
									<dl>
										<dt>10:30am - 11:00am</dt>
										<dd>template</dd>
									</dl>
								</div>
								<div class="event half" style="background-color: #ccffee; top: 117px;">
									<dl>
										<dt>10:30am - template</dt>
										<dd></dd>
									</dl>
								</div>
								<div class="event" style="background-color: #00ffee; top: 195px; width: 85%;">
									<dl>
										<dt>10:30am - 11:00am</dt>
										<dd>template</dd>
									</dl>
								</div>
								<div class="event over" style="background-color: #00ccee; top: 214px; left: 50%; width: 50%;">
									<dl>
										<dt>10:30am - 11:00am</dt>
										<dd>template</dd>
									</dl>
								</div>
							</div> -->
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
</div>