<link type="text/css" rel="StyleSheet" href="http://ucoz24.com/imges/selector_v1.css" />

<div id="pages"></div>   
   <script>   
   a=location.href;   
   b=a.split('-');   
   c=b.length;   
   d=eval(c-1);   
   e=b[d];   
   f=a.split('-'+e)[0];   
   $('#pages').html('<a id="sel_buttons" href="'+f+'-'+eval(e-1)+'">Предыдущий материал</a><span id="i"> | </span><a id="sel_buttons" href="'+f+'-'+eval(e*1+1)+'">Следующий материал</a>');   
   $.ajax({   
   type: 'GET',   
   url: f+'-'+eval(e*1+1),   
   error: function(){$('#a, #i').hide();}   
   });   
   $.ajax({   
   type: 'GET',   
   url: f+'-'+eval(e-1),   
   error: function(){$('#b, #i').hide();}   
   });   
   </script>

#pagesBlock1 {display:none}
  #sel_buttons {
  width: 40px;
  height:25px !important;
  text-align: center;
  padding: 4px;
  cursor: hand;
  color: #333333;
  text-decoration: none;
  background:url('http://mnogo-shara.ru/perekl//btn_new.png');
  opacity: 0.8;
  border:1px solid #464646;
  box-shadow: 0px 0px 5px #888888;
  border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
  }
  #sel_buttons:hover {
  background:url('http://mnogo-shara.ru/perekl//914236145.png');
  border:1px solid #333333;
  box-shadow: 0px 0px 5px #555555;
  }
  #sel_buttons:active {
  color: #444444;
  background:url('http://mnogo-shara.ru/perekl//btn_bg_click.png');
  border:1px solid #333333;
  box-shadow: 0px 0px 7px #111;
  }

http://mnogo-shara.ru/perekl//btn_new.png'

http://mnogo-shara.ru/perekl//914236145.png  

http://mnogo-shara.ru/perekl//btn_bg_click.png