<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<%= javascript_include_tag 'fullcalendar' %>
<%= javascript_include_tag 'calendar' %>
<%= javascript_include_tag 'bootstrap-datetimepicker' %>

<%= stylesheet_link_tag "fullcalendar"%>
<%= stylesheet_link_tag "calendar"%>

<div id="orbit_calendar" class="month_view">
	<div class="row-fluid cal-fn">
		<div class="span3" id='sec1'>
			<div class="btn-toolbar" id="navigation" style="margin:0;">
				<div id="calendar-nav">
					<div class="btn-group">
						<button class="btn" id="today_btn">Today</button>
					</div>
					<div class="btn-group">
						<button class="btn" id="prev_month_btn"><span class="icon-chevron-left"></span></button>
						<button class="btn" id="next_month_btn"><span class="icon-chevron-right"></span></button>
					</div>
				</div>
			</div>
			<div class="form-inline" id="range_selection" style="display:none;margin:0;">
			</div>
		</div>
		<div class="span5" id='sec2'>
			<h3 id="current_title" class="current_day_title"></h4>
		</div>
		<div class="span4" id='sec3'>
			<div class="btn-toolbar" style="margin:0; text-align:right;">
				<div class="btn-group calendar_mode">
					<button class="btn mode_switch" data-mode="agendaDay" >day</button>
					<button class="btn mode_switch" data-mode="agendaWeek" >week</button>
					<button class="btn active mode_switch" data-mode="month" >month</button>
					<button class="btn mode_switch" data-mode="agenda" >agenda</button>
				</div>
				<div class="btn-group">
					<button id="refresh_btn" class="btn icon-refresh"></button>
				</div>
			</div>
		</div>
	</div>
	<div id="view_holder">
		<div id="calendar"></div>
		<div id="calendar_agenda"></div>
	</div>
</div>
<div id="event_quick_view" class="modal" style="width: 300px; display:none; margin:0 0 0 0;"></div>
<div id="event_create_space" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 400px; margin: 0;display:none;"></div>
<div id="calendar-loading">Loading...</div>

<script type="text/javascript">
	var calendar = new Calendar("#calendar");
</script>
