problemas com a paginação php sem reload

Bom galera já tentei de tudo aqui no forum, pensei que tinha resolvido o problema mas ainda não...

Não consigo fazer essa paginação ficar sem refresh, até consigo mas o porém é que ela duplica meu index, fica basicamente 1 index dentro de outro :S

segue a parte da paginação

<!-- OBRAS -->

<div id="obras" class="dentro">
<div class="bug"></div><!--//BUG TOP-->
<span class="titu_page">Obras</span>

<script>
	$(document).ready(function(){
 $(".paginacao a").click(function( e ){
 e.preventDefault();
 var href = $( this ).attr('href');
 $(".paginacao").load( href +"page");
 });
	});
</script>

<div class="thumb-obras">
	<ul>
 <?php
 Conectar();

 //infos. da query
 $campos_query = "*";
 $final_query = "FROM obras ORDER BY id DESC";

 //limite de resultados por página
 $maximo = 1;//24

 //declara a página inicial
 $pagina = $_GET["pagina"];
 if($pagina == "") {
 $pagina = "1";
 }

 //calcula o registro inicial
 $inicio = $pagina - 1;
 $inicio = $maximo * $inicio;

 //conta todos os resultados da query
 $strCount = "SELECT COUNT(*) AS 'num_registros' $final_query";
 $query = mysql_query($strCount);
 $row = mysql_fetch_array($query);
 $total = $row["num_registros"];

 //inicio da exibição

 //executando a query
 $sql = mysql_query("SELECT $campos_query $final_query LIMIT $inicio,$maximo");

 //exibir valores
 while ($linha = mysql_fetch_object($sql)) {
 echo'<li>';
 echo'<a href="obra_interna.php?id='.$linha->id.'" class="tb" title="'.$linha->titulo.'">';
 echo"<img src='uploads/images/".$linha->miniatura."' />";
 echo'</a>';
 echo'</li>';
 }

 //fim da exibição
 $menos = $pagina - 1;
 $mais = $pagina + 1;

 $pgs = ceil($total / $maximo);

 if($pgs > 1 ) {

 echo "<br />";

 echo '<div class="paginacao">';

 //mostrar numero de paginas
 if($menos > 0) {
 echo "<a href=".$_SERVER['PHP_SELF']."?pagina=$menos>anterior</a>";
 }

 //listar paginas
 for($i=1;$i <= $pgs;$i++) {
 if($i != $pagina) {
 echo " <a href=".$_SERVER['PHP_SELF']."?pagina=".($i).">$i</a>";
 } else {
 echo " <span class='pgatual'>".$i."</span>";
 }
 }

 if($mais <= $pgs) {
 echo " <a href=".$_SERVER['PHP_SELF']."?pagina=$mais>próxima</a>";
 }
 }
 echo'</div>';
 ?>
	</ul>

</div><!--//THUMB-OBRAS-->
</div><!-- //OBRAS -->

Alguém poderia ajudar ?