<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;

}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>