<script type="text/javascript">  
$(window).scroll(function () {
  st = $(window).scrollTop();
  var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
  if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}
  $('#pageselector').css('top', st+'px')
  $('#pageselector').css('opacity', '0.8')
});
</script>  

.pages_1 {width:1px;height:100px;overflow:hidden;background:#2b587a color: #2b587a;  
  background: #597da3;  
  border : 1px solid #2b587a; }
.pages_2 {background:#F0F0F0;height:50px;border : 1px solid #999999; }
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color:#2b587a;font-seight:bold;text-desotation:none;border-bottom:3px solid #2b587a;padding:3px;background:none;margin:5px;}
.swchItem {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItem:hover {color:#999999;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItemDots {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}