+<div id="search_results">
+ <table class="search_results_title" width="100%">
+ <tr>
+ <td align="left" id="search_title">Search Results</td>
+ <td align="right"><a href="javascript:closeSearchResults()">Close</a></td>
+ </tr>
+ </table>
+ <div id="search_results_content">
+ </div>
+</div>
+
+<script type="text/javascript">
+<!--
+ function showKey() {
+ $("search_results").style.display = "block";
+ $("search_results_content").innerHTML = "<p><img src='images/keymapnik11.png' /></p>";
+ $("search_title").innerHTML = "Map key";
+ resizeMap();
+ }
+
+ function startSearch() {
+ $("search_results_content").innerHTML = "<p class='search_results_entry'>Searching...</p>";
+ $("search_title").innerHTML = "Search Results";
+ $("search_field").style.display = "none";
+ $("search_active").style.display = "inline";
+ }
+
+ function endSearch() {
+ $("search_field").style.display = "inline";
+ $("search_active").style.display = "none";
+ }
+
+ function openSearchResults() {
+ $("search_results").style.display = "block";
+ <%= onopen %>
+ }
+
+ function closeSearchResults() {
+ $("search_results").style.display = "none";
+ <%= onclose %>
+ }
+
+ function describeLocation() {
+ var position = getPosition();
+
+ <%= remote_function(:loading => "startSearch()",
+ :complete => "endSearch()",
+ :url => { :controller => :geocoder, :action => :description },
+ :with => "'lat=' + position.lat + '&lon=' + position.lon") %>
+ }
+
+ <% if params[:query] %>
+ <%= remote_function(:loading => "startSearch()",
+ :complete => "endSearch()",
+ :url => { :controller => :geocoder, :action => :search, :query => params[:query] }) %>
+ <% end %>
+// -->
+</script>
+