<div id="day_view">
	<img id="allday_event_gray_left" src="images/day-allday-event-gray-left.png" style="display:none" />
	<img id="allday_event_gray_center" src="images/day-allday-event-gray-center.png" style="display:none" />
	<img id="allday_event_gray_right" src="images/day-allday-event-gray-right.png" style="display:none" />
	<img id="allday_event_green_left" src="images/day-allday-event-green-left.png" style="display:none" />
	<img id="allday_event_green_center" src="images/day-allday-event-green-center.png" style="display:none" />
	<img id="allday_event_green_right" src="images/day-allday-event-green-right.png" style="display:none" />
	<img id="allday_event_orange_left" src="images/day-allday-event-orange-left.png" style="display:none" />
	<img id="allday_event_orange_center" src="images/day-allday-event-orange-center.png" style="display:none" />
	<img id="allday_event_orange_right" src="images/day-allday-event-orange-right.png" style="display:none" />
	<img id="allday_event_pink_left" src="images/day-allday-event-pink-left.png" style="display:none" />
	<img id="allday_event_pink_center" src="images/day-allday-event-pink-center.png" style="display:none" />
	<img id="allday_event_pink_right" src="images/day-allday-event-pink-right.png" style="display:none" />
	<img id="allday_event_purple_left" src="images/day-allday-event-purple-left.png" style="display:none" />
	<img id="allday_event_purple_center" src="images/day-allday-event-purple-center.png" style="display:none" />
	<img id="allday_event_purple_right" src="images/day-allday-event-purple-right.png" style="display:none" />
	<img id="allday_event_red_left" src="images/day-allday-event-red-left.png" style="display:none" />
	<img id="allday_event_red_center" src="images/day-allday-event-red-center.png" style="display:none" />
	<img id="allday_event_red_right" src="images/day-allday-event-red-right.png" style="display:none" />
	<img id="allday_event_teal_left" src="images/day-allday-event-teal-left.png" style="display:none" />
	<img id="allday_event_teal_center" src="images/day-allday-event-teal-center.png" style="display:none" />
	<img id="allday_event_teal_right" src="images/day-allday-event-teal-right.png" style="display:none" />
	<img id="allday_event_yellow_left" src="images/day-allday-event-yellow-left.png" style="display:none" />
	<img id="allday_event_yellow_center" src="images/day-allday-event-yellow-center.png" style="display:none" />
	<img id="allday_event_yellow_right" src="images/day-allday-event-yellow-right.png" style="display:none" />
	<img id="allday_event_blue_left" src="images/day-allday-event-blue-left.png" style="display:none" />
	<img id="allday_event_blue_center" src="images/day-allday-event-blue-center.png" style="display:none" />
	<img id="allday_event_blue_right" src="images/day-allday-event-blue-right.png" style="display:none" />
	<img id="free_full" src="images/dayview-freetime-black-full.png" style="display:none" />
	<img id="free_button_left" src="images/dayview-freetime-button-left.png" style="display:none" />
	<img id="free_button_center" src="images/dayview-freetime-button-center.png" style="display:none" />
	<img id="free_button_right" src="images/dayview-freetime-button-right.png" style="display:none" />
	<img id="busy_time_image" src="images/busy-time.png" style="display:none" />
	<img id="allday_bg_preloader" src="images/header-background-9tile.png" style="display:none" /><!-- PRE-LOADER... this image must load before setting the background of the header to black, so as to not create ugly flicker upon first-launch of calendar -->
	<div id="dv_header_container1"></div>
	<div id="dv_scroll_scrim">
		<div id='dv_scrim_animate'>
			<div id='dv_scrim_aimate_header'></div>
			<div id='dv_scrim_aimate_line'></div>
		</div>
		<div id='dv_scrim_weekday' class='truncating-text'></div>
		<div id='dv_scrim_month' class='truncating-text'></div>
		<div id='dv_scrim_day' class='truncating-text'></div>		
	</div>
	<div id="dv_scroll_container" x-mojo-element="Scroller">
		<div id="snap_element_prev" class="dv-snap-element"></div>
		<div id="snap_element_this" class="dv-snap-element"></div>
		<div id="snap_element_next" class="dv-snap-element"></div>
		<div id="dv_scroll_data">
			<div id="dv_scrim_prev"></div>
			<div id="dv_scrim"></div>
			<div id="dv_scrim_next"></div>
			<div id="dv_header_container2">
				<div id='dv_allday_col_prev' class='dv_allday_col'>
					<div id='dv_alldayevents_prev' class="dv_allday_col_wrapper">	
						<div id="dv_alldayevents_scroller_prev" class='dv_alldayevents_scroller' x-mojo-element="Scroller">
							<div class="all-day-events-spacer"></div>
							<div id="all-day-events-canvas-wrapper_prev" class="alldayeventsList">
								<canvas id="dv_alldayevents_list_prev" width="320"></canvas>
							</div>
						</div>
						<div class="all-day-separator"></div>
					</div>
				</div>
				<div id='dv_allday_col' class='dv_allday_col current-day-div'>
					<div id='dv_alldayevents' class="dv_allday_col_wrapper">
						<div x-mojo-scroll-fade='top' class="all-day-scroll-top"></div>
						<div id="dv_alldayevents_scroller" class='dv_alldayevents_scroller' x-mojo-element="Scroller">
							<div class="all-day-events-spacer"></div>
							<div id="all-day-events-canvas-wrapper" class="alldayeventsList">
								<canvas id="dv_alldayevents_list" width="320"></canvas>
							</div>
						</div>
						<div class="all-day-separator"></div>
					</div>
				</div>
				<div id='dv_allday_col_next' class='dv_allday_col'>
					<div id='dv_alldayevents_next' class="dv_allday_col_wrapper">
						<div id="dv_alldayevents_scroller_next" class='dv_alldayevents_scroller' x-mojo-element="Scroller">
							<div class="all-day-events-spacer"></div>
							<div id="all-day-events-canvas-wrapper_next" class="alldayeventsList">
								<canvas id="dv_alldayevents_list_next" width="320"></canvas>
							</div>
						</div>
						<div class="all-day-separator"></div>
					</div>
				</div>
			</div>
			<div id="dv_event_container">
				<table id="day_table" cols="3" cellpadding="0" cellspacing="0">
					<tr>
					<td class="dv_day_td">
						<div id="dv_empty_spacer_prev" class='emptySpacer'></div>
						<div id="dv_day_scroller_prev" class="day-scroller" x-mojo-element="Scroller">
				  			<canvas id="dv_events_prev" width="320" height="1200"></canvas>
						</div>
					</td>
					<td class="dv_day_td current-day-div">

						<div id="dv_empty_spacer" class='emptySpacer'></div>
						<div id="dv_day_scroller" class="day-scroller" x-mojo-element="Scroller">
							<div id="dv_event_wrapper">
				  				<canvas id="dv_events" width="320" height="1200">								
				  				</canvas>
								<div id="current_time" style="position:absolute;top=0px;left=4px;" >
									<img  src="images/current-time-indicator.png" />
								</div>
								<div id="ampm_indicator" style="-webkit-transition: color .3s ease-in-out;color:rgba(0,0,0,0) ;font-weight:bold; position:absolute;top:0px;left:6px;font-size:12px;font-style:Prelude">#{-value}</div>								
								<div id="dv_scratch_events"></div>
							</div>
						</div>
					</td>
					<td class="dv_day_td">
						<div id="dv_empty_spacer_next" class='emptySpacer'></div>
						<div id="dv_day_scroller_next" class="day-scroller" x-mojo-element="Scroller">
				  			<canvas id="dv_events_next" width="320" height="1200"></canvas>
						</div>
					</td>
					</tr>
				</table>
			</div>	
		</div>
	</div>
</div>
