Chris@1296: <% selected_tab = params[:tab] ? params[:tab].to_s : tabs.first[:name] %>
Chris@1296: 
Chris@1296: <div class="tabs">
Chris@1296:   <ul>
Chris@1296:   <% tabs.each do |tab| -%>
Chris@1296:     <li><%= link_to l(tab[:label]), { :tab => tab[:name] },
Chris@1296:                                     :id => "tab-#{tab[:name]}",
Chris@1296:                                     :class => (tab[:name] != selected_tab ? nil : 'selected'),
Chris@1296:                                     :onclick => "showTab('#{tab[:name]}'); this.blur(); return false;" %></li>
Chris@1296:   <% end -%>
Chris@1296:   </ul>
Chris@1296:   <div class="tabs-buttons" style="display:none;">
Chris@1296:     <button class="tab-left" onclick="moveTabLeft(this);"></button>
Chris@1296:     <button class="tab-right" onclick="moveTabRight(this);"></button>
Chris@1296:   </div>
Chris@1296: </div>
Chris@1296: 
Chris@1296: <script>
Chris@1296:   $(document).ready(displayTabsButtons);
Chris@1296:   $(window).resize(displayTabsButtons);
Chris@1296: </script>
Chris@1296: 
Chris@1296: <% tabs.each do |tab| -%>
Chris@1296:   <%= content_tag('div', render(:partial => tab[:partial], :locals => {:tab => tab} ),
Chris@1296:                        :id => "tab-content-#{tab[:name]}",
Chris@1296:                        :style => (tab[:name] != selected_tab ? 'display:none' : nil),
Chris@1296:                        :class => 'tab-content') %>
Chris@1296: <% end -%>