<div id="rj-schedule"> 
<ul class="tabs hide-for-xsmall">
  <li><a href="javascript();">Sunday</a></li>
  <li><a href="javascript();">Monday</a></li>
  <li><a href="javascript();">Tuesday</a></li>
  <li><a href="javascript();">Wednesday</a></li>
  <li><a href="javascript();">Thursday</a></li>
  <li><a href="javascript();">Friday</a></li>
  <li><a href="javascript();">Saturday</a></li>
</ul>
   <h2 class="hidden show-for-xsmall"><a href="#sunday">Sunday</a></h2>   
   <div class="pane" id="sunday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div> 

   <h2 class="hidden show-for-xsmall"><a href="#monday">Monday</a></h2>   
   <div class="pane" id="monday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
   
   <h2 class="hidden show-for-xsmall"><a href="#tuesday">Tuesday</a></h2>   
   <div class="pane" id="tuesday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
   
   <h2 class="hidden show-for-xsmall"><a href="#wednesday">Wednesday</a></h2>   
   <div class="pane" id="wednesday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
   
   <h2 class="hidden show-for-xsmall"><a href="#thursday">Thursday</a></h2>   
   <div class="pane" id="thursday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
   
   <h2 class="hidden show-for-xsmall"><a href="#friday">Friday</a></h2>   
   <div class="pane" id="friday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
   
   <h2 class="hidden show-for-xsmall lastItem"><a href="#saturday">Saturday</a></h2>   
   <div class="pane" id="saturday">
     <div class="itemlist moduleItemBody scroll-pane"></div>
   </div>
    
  <script id="schedule_list_item" type="text/html">
   <div class="item item-show item-small program" data-id="<%= sch.utc_from %>">
     <div class="coverImage">
       <img src="http://www.radiojar.com<%= sch.show_photo %>?resize=cover_small" />
     </div>       
     <div class="programBodyWrapper">
       <div class="programBody">
         <h4 class="extraFieldsHeader right"><span class="localize-time" data-date='<%= sch.utc_from %>'></span> - <span class='localize-time' data-date='<%= sch.utc_to %>'></span></h4>
         <span class="avatar">
           <a href="<%= sch.dj_url %>" class="item-dj" title="<%= sch.dj_nickname %>">
            <% if (sch.dj_photo.indexOf('image')!=-1) { %>              
               <img src="<%= sch.dj_photo %>" />              
            <% } %>
          </a>
         </span>
         <div class="titleWrapper">
           <a href="<%= sch.show_url %>">
            <span class="title"><%= sch.show_title %></span>
           </a>
            <span class="tagline"><%= sch.show_tagline %></span>
         </div>
         <div class="clr"></div>
       </div>
      </div> 
     </div>
  </script>
</div>