<script>
$(document).ready(function(){
$(window).scroll(function(){
var bo = $(this).scrollTop();
var a = $("#hid").css('top')
$("#hid").html(bo);
if ( bo >= 200) {$("#hid").stop().animate({'top':'50px'},500)};
if ( bo < 200) {$("#hid").stop().animate({'top':'-50px'},500)};
})
})
</script>