<%= stylesheet_link_tag "font-awesome" %>
<%= stylesheet_link_tag "bootstrap-responsive" %>
<%= stylesheet_link_tag "calendar" %>
<%= javascript_include_tag "cals" %>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.0/themes/cupertino/jquery-ui.css">
<div id="filter" class="subnav">
  <ul class="nav nav-pills filter">
    <li class="accordion-group">
      <div class="accordion-heading">
        <a href="#collapse-categories" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><span class="" title="">Calendar</span> <b class="web-symbol"></b></a>
      </div>
    </li>
  </ul>
  <div class="filters">
    <div class="accordion-body collapse" id="collapse-categories">
      <div class="accordion-inner filter_btns cats" data-toggle="buttons-checkbox">
      	<% @calendars.each do |calendar| %>
            <a href="<%= calendar.id.to_s %>" class="btn active calendar-filter-btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: <%= calendar.color %>;" ></span><%= calendar.name %></a>
     	<% end %>
      </div>
      <div class="filter-clear">
        <a href="" class="btn" onclick="return false;" for="cats"><i class="icons-brush-large"></i>Clear</a>
      </div>
    </div>
  </div>
</div>
<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 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 class="form-inline" id="range_selection" style="display:none;margin:0;">
			</div>
		</div>
		<div class="span5" id='sec2'>
			<h4 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" data-toggle="buttons-radio">
					<button class="btn mode_switch">day</button>
					<button class="btn mode_switch">week</button>
					<button class="btn active mode_switch">month</button>
					<button class="btn mode_switch">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>
</div>
<div class="form-actions form-fixed">
	<div class="row-fluid">
		<div class="span8">
		</div>
		<div class="span4">
			<%= link_to "Add", new_panel_calendar_back_end_event_path, :class => "btn btn-primary pull-right", :id=>"create_event_btn", :ref=>"add-btn" %>
		</div>
	</div>
</div>
<div id="event_create" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 380px; margin: 0;display:none;"></div>

<div id="event_quick_view" class="modal" style="width: 300px; display:none; margin:0 0 0 0;"></div>

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


