<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://forumstatic.ru/files/0010/98/fb/44542.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://forumstatic.ru/files/0010/98/fb/65707.png" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed;
right:40px;
z-index:9999;
cursor:pointer;
opacity:.7;
margin-bottom:40px;
width:62px;
height:26px;
}
.go-up {
bottom:270px;
}
.go-down {
bottom:210px;
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>