<div style="display:none;position:absolute;top:0;margin-top:30px" id="pageselector">

<table cellspacing="0" cellpadding="0">

<tr>

<td width="1"><div class="pages_1"> </div></td>

<td class="pages_2">

$PAGE_SELECTOR$

</td>

<td width="1"><div class="pages_1"> </div></td>

</tr>

</table>

</div> 

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

<style type="text/css">

.pages_1 {width:1px;height:48px;overflow:hidden;background:black}

.pages_2 {background:black;height:50px}

.pagesBlockuz1 {margin-left:10px;margin-right:10px;}

.swchItemA {color:white;font-seight:bold;text-desotation:none;border-bottom:3px solid #ffffff;padding:3px;background:none;margin:5px;}

.swchItem {color:white;text-desotation:none;padding:0;background:none;margin:5px;}

.swchItem:hover {color:white;text-desotation:none;padding:0;background:none;margin:5px;}

.swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}

</style>