Скачать Поисковая форма

<script>

$(document).ready(function()
{

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
  $("<img />").attr("src", arguments[i]);
  }
}

var $top1= $('#floatingbar').offset().top + 20;  
var $mid1 = Math.floor($(window).height() / 2);
$('#dirbutton').data('mode','scrollup');

$('#dirbutton').click(function()
{
  $mode = $(this).data('mode');
   
  switch($mode)
  {
  case 'scrolldown':
  $('html, body').animate({scrollTop:0}, 'slow');
  return false;
  break;
  case 'scrollup':
  $scrollpos = $('body').outerHeight();
  $('html, body').animate({scrollTop:$scrollpos}, 'slow');
  return false;
  break;
  }
   
   
});

$(window).scroll(function()
{  

  if ($(window).scrollTop()>$top1)  
  {
  $('#floatingbar').addClass('floater');
  }
  else
  {
  $('#floatingbar').removeClass('floater');

  }
   
   
  if($(window).scrollTop() > $mid1)
  {
  $('#dirbutton').find('img').attr('src','images/toparrow.png');
  $('#dirbutton').data('mode','scrolldown');
  $('#dirbutton').show();
  }else
  {  
  $('#dirbutton').find('img').attr('src','images/bottomarrow.png');
  $('#dirbutton').data('mode','scrollup');
   
  }
});

});

</script>

  <div id="floatingbar">
  <form onsubmit="javascript: showBusyLayer()" method="post" action=''>
  <input type="hidden" name="do" value="search" />
  <input type="hidden" name="subaction" value="search" />
<table Border=0 CellSpacing=0 CellPadding=0 Width="100%">
  <tr>
  <td background="{THEME}/images/sr_06.jpg" width=113 height=31 border=0></td>
  <td style="border-top: 1px #bdb9b2 solid; border-bottom: 1px #bdb9b2 solid;">
   
  <input name="story" type=text style="padding-left: 5px; padding-right: 5px; color: #74706b; border: 0px; background: none; width:100%;">
   
  </td>
  <td width=87 height=31><input onclick="submit();" type=image src="{THEME}/images/sr_05.jpg" width=87 height=31 border=0></td>
  </tr>
</table></form>
  </div>

/* плавоющий поиск */
.floater{
position:fixed;
top:0px;
z-index:299;
height:33px;
width:360px;
border-top:none;
background-color: #F1F1F1;
border:1px solid #000000;
color:#ccc;
display:block;
clear:both;
margin-right:auto;
margin-right:auto;
float:right;

box-shadow: 0 0 7px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
  border-radius: .214em;
  -webkit-border-radius: .214em;
  -moz-border-radius: .214em;

}