anchor.diff:          <div id="search-text-box"><%= text_field_tag("query", params['query'], :autocomplete => 'off') %></div>
   
           <%= image_tag("loader.gif",
  -        :align => "absmiddle",
  -        :border => 0,
  -        :id => "loader",
  -        :style => "display: none;" ) %>
  +          :align => "absmiddle",
  +          :border => 0,
  +          :id => "loader",
  +          :style => "display: none;" ) %>
           <div class="extender"></div>
         </div>
  -      
  +
   
         <%= observe_fields ['employee_reporting_manager_id'],
  -      :frequency => 0.1,
  -      :update => 'changed-manager-name',
  -      :url=> {:action=>'update_reporting_manager_name'} %>
  +        :frequency => 0.1,
  +        :update => 'changed-manager-name',
  +        :url=> {:action=>'update_reporting_manager_name'} %>
   
         <div id="advanced-options">
           <div class="employee-search-options"><%= select :employee, :department_id, @departments.map {|s| [s.name, s.id]}, :prompt => "#{t('select_department')}" %></div>
  
positive.code:       </div>
  
        <%= e.hidden_field :reporting_manager_id %>
        
      <% end %>
  
      <div id="search-options">
  
negative.code:       </div>
      </div>
  
  <%#= observe_fields ['query', 'employee_department_id','employee_category_id', 'employee_position_id', 'employee_grade_id'],
  :frequency => 0.1,
  :update => 'information',
  :before => "Element.show('loader')",
  :success => "Element.hide('loader')",
  :url => {:action => 'select_reporting_manager'} %>
      <script type="text/javascript">
      function search_ajax(){
        if ($('query').value.include("%")) return;
  <%="#{remote_function(:url => {:action => "select_reporting_manager"},
  :with =>  "'query='+ $('query').value + '&employee_department_id='+$('employee_department_id').value + '&employee_category_id='+$('employee_category_id').value + '&employee_position_id='+$('employee_position_id').value + '&employee_grade_id='+$('employee_grade_id').value",
  :before => "Element.show('loader')",
  :success => "Element.hide('loader')",
  :update=>"information"
  )}"%>
  }
  
  document.observe("dom:loaded", function() {
    new Form.Element.Observer('query', 1, search_ajax);
    new Form.Element.Observer('employee_department_id', 0.1, search_ajax);
    new Form.Element.Observer('employee_category_id', 0.1, search_ajax);
    new Form.Element.Observer('employee_position_id', 0.1, search_ajax);
    new Form.Element.Observer('employee_grade_id', 0.1, search_ajax);
  });
  
      </script>
    </div>
  
  
    <div id="information"></div>
  
  </div>