anchor.diff:      <div class="container-fluid" id="warper-maindiv">
   
       <table style="margin:16px 0; width:100%;">
  -      <%= render :partial => 'maps/map_detail', :object => @map, :locals => {:variety => "detail"} %>
  +      <%= render partial: 'maps/map_detail', object: @map, locals: {variety: "detail"} %>
       </table>
   
  -    <% @tabs = [{:name=>"show",:divname=>"Show", :label=>"Show", :path=>map_path},
  -      {:name=>"edit",:divname=>"Edit", :label=>"Edit", :path=>edit_map_path(:id => @map)},
  -      {:name=>"warp",:divname=>"Rectify", :label=>"Rectify", :path=>warp_map_path(:id => @map)},
  -      {:name=>"clip",:divname=>"Crop", :label=>"Crop", :path=>clip_map_path(:id => @map)},
  -      {:name=>"align",:divname=>"Align", :label=>"Align", :path=>align_map_path(:id => @map)},
  -      {:name=>"warped",:divname=>"Preview_Rectified_Map", :label=>"Preview", :path=>warped_map_path(:id => @map)},
  -      #{:name=>"export",:divname=>"Export", :label=>"Export", :path=>export_map_path(:id => @map)},
  -      #{:name=>"metadata",:divname=>"Metadata", :label=>"Metadata", :path=>metadata_map_path(:id => @map)},
  -      {:name=>"activity",:divname=>"Activity_History", :label=>"Activity",:path=> map_activity_path(:id => @map)}
  +    <% tabs = [{name: "show",divname: "Show", label: "Show", path: map_path},
  +      {name: "edit",divname: "Edit", label: "Edit", path: edit_map_path(id: @map)},
  +      {name: "warp",divname: "Rectify", label: "Rectify", path: warp_map_path(id: @map)},
  +      {name: "clip",divname: "Crop", label: "Crop", path: clip_map_path(id: @map)},
  +      {name: "align",divname: "Align", label: "Align", path: align_map_path(id: @map)},
  +      {name: "warped",divname: "Preview_Rectified_Map", label: "Preview", path: warped_map_path(id: @map)},
  +      #{name: "export",divname: "Export", label: "Export", path: export_map_path(id: @map)},
  +      #{name: "metadata",divname: "Metadata", label: "Metadata", path: metadata_map_path(id: @map)},
  +      {name: "activity",divname: "Activity_History", label: "Activity",path: map_activity_path(id: @map)}
         ] %>
  -    <div id="wooTabs">
  -      <ul>
  -        <% @tabs.each do |tab| %>
  -          <% if @current_tab == tab[:name] %>
  -            <% tab[:path] = "#"+tab[:divname]  %>
  -            <% @current_tab_divname = tab[:divname] %>
  -          <% end %>
  +    <!-- <div id="wooTabs"> -->
  +      <ul class="nav nav-tabs">
  +        <% tabs.each do |tab| %>
             <% unless @disabled_tabs && @disabled_tabs.include?(tab[:name]) -%>
  -            <li><a id="aa<%=tab[:label]%>" rel="history" href="<%=tab[:path]%>" title="<%=tab[:label]%>">
  -                <span><%=tab[:label]%><% if tab[:count] -%> (<%=tab[:count]-%>)<%end-%></span>
  -              </a></li>
  +            <li class="<%= 'active' if @current_tab == tab[:name] %>">
  +              <a href="<%= tab[:path] %>" title="<%=tab[:label]%>">
  +                <%=tab[:label]%><% if tab[:count] -%> (<%=tab[:count]-%>)<%end-%>
  +              </a>
  +            </li>
             <% end -%>
           <% end -%>
         </ul>
  -      <div id="<%=@current_tab_divname %>" >
  -        <%= flash_messages %>
  -        <%= yield %>
  +      <div class="tab-content">
  +        <div id="<%=@current_tab_divname %>" class="tab-pane active">
  +          <%= flash_messages %>
  +          <%= yield %>
  +        </div>
         </div>
   
  -    </div>
  +    <!-- </div> -->
     </div>
   
       <div id="panel-under-tabs">
  
positive.code: 
  
      <div id="footer">
        <%= render :partial => 'shared/footer' %>
      </div>
  
    </body>
  
negative.code:         });
  
          jQuery("#wooTabs").bind("tabsshow", function(event, ui) {
            debugger
            if (ui.panel.id == "Rectify") {
              if (typeof to_map != 'undefined') {
                to_map.updateSize();
  