{include file="header.tpl.htm"}
<script type='text/javascript' src='{$URL}autocomplete/lib/jquery.bgiframe.min.js'></script>
<script type='text/javascript' src='{$URL}autocomplete/lib/jquery.ajaxQueue.js'></script>
<script type='text/javascript' src='{$URL}autocomplete/lib/thickbox-compressed.js'></script>
<script type='text/javascript' src='{$URL}autocomplete/jquery.autocomplete.js'></script>
<script type="text/javascript">
$().ready(function() 
	{ldelim}
		$("#show_company_name").autocomplete("{$URL}autocomplete/inc_companies.php", {ldelim}
		width: 300,
		matchContains: true,
		minChars: 0
	{rdelim});
{rdelim});

</script>
<div id="middle">
	<div id="find-company">
  	<div class="find-section1">
    	<form id="findcompany" name="findcompany" method="get" action="companies_result.php">
      <ul>
        <li>
          <select name="show_firm_type_id" id="show_firm_type_id" onchange="makeRequest('ajax/get_result_number.php','show_region_id=' + document.getElementById('show_region_id').value + '&amp;show_keyword=' + document.getElementById('show_keyword').value + '&amp;show_firm_type_id='+ this.value + '&amp;item=companies', 'update_submit_button', 'show_companies');">
            <option value="">{$company_type_label}</option>
            {section name=ftsection loop=$firm_types}
            <option value="{$firm_types[ftsection].id}" {if ($show_firm_type_id==$firm_types[ftsection].id)} selected="selected" {/if}>
              {$firm_types[ftsection].name}
            </option>
            {/section}
          </select>
        </li>
        <li>
          <select name="show_region_id" id="show_region_id" onchange="makeRequest('ajax/get_result_number.php','show_region_id=' + this.value + '&amp;show_keyword=' + document.getElementById('show_keyword').value + '&amp;show_firm_type_id='+document.getElementById('show_firm_type_id').value + '&amp;item=companies', 'update_submit_button', 'show_companies');">
            <option value="">{$state_label}</option>
            {section name=sidsection loop=$regions}
            <option value="{$regions[sidsection].id}" {if ($show_region_id==$regions[sidsection].id)} selected="selected" {/if}>
              {$regions[sidsection].name}
            </option>
            {/section}
          </select>
        </li>
        <li>
          <span class="option-title">{$keyword_label}</span><br />
          <input style="width:300px;" name="show_keyword" id="show_keyword" type="text" autocomplete="off" onkeyup="makeRequest('ajax/get_result_number.php','show_region_id=' + document.getElementById('show_region_id').value + '&amp;show_keyword=' + this.value + '&amp;show_firm_type_id='+ document.getElementById('show_firm_type_id').value + '&amp;item=companies', 'update_submit_button', 'show_companies');" />
		  <br />
		  <span class="listing-details">
		  {$keyword_help}
		  </span>
        </li>
        <li style="float:right;">
          <button class="master-sprite fx-button" type="submit" name="Submitfilter" id="show_companies">{$show_results_btn} <strong>{$count_companies}</strong></button> 						
        </li>
      </ul>
      </form>
    </div>
    <div class="find-section3">
	<h3>{$company_name_label}</h3>
      <ul>
        <li>
          <form id="findcompany2" name="findcompany2" method="get" action="companies_result.php">
            <span style="float:left; padding-right:5px;">
			<input style="width:250px;" type="text" id="show_company_name" name="show_company_name" value="" /> 
			</span>
            <button class="master-sprite fx-button" type="submit" name="Submitfilter2">{$search_btn}</button>
          </form>				 
        </li>
		 <li>
		  <span class="listing-details">
		  {$company_name_help}
		  </span>
		</li>
      </ul> 
    </div>
  </div>
 <!-- <div id="banner-right">
  	<h3>Recent Registrated Companies</h3>
  </div>-->
      <div class="browse">
	  	<h3>{$browse_by_type_label}</h3>
    	{section name=ftsection loop=$firm_types}
      	<a href="{$URL}browse/companies/{$firm_types[ftsection].site_link}/">{$firm_types[ftsection].name}</a>
        	
         (<strong>{$firm_types[ftsection].count}</strong>)<br />
      {/section}
    </div>
</div>
{include file="footer.tpl.htm"}