Навигация (Back & Next) на аяксе

[Gesandte]

Добрый вечер.

Имеется условно 2 файла
show.php - содержит следующий код

$pageBackUrl = URL."show.php?page=".$page->pageBack();
$pageNextUrl = URL."show.php?page=".$page->pageNext();
?>

<div>
	<a onClick="callRequest('result', '<?php echo $pageBackUrl; ?>')">Back</a>
	<a onClick="callRequest('result', '<?php echo $pageNextUrl; ?>')">Next</a>
</div>

<?php
$queryPro = mysql_query("SELECT * FROM `pro` LIMIT $pageStart, $pageShow");
for ($i = 0; $i < mysql_num_rows($queryPro); $i++) {
	$pro = mysql_fetch_array($queryPro);
	echo "<img width='300' src='file/".$pro['img']."' alt='".$pro['name']."' />";
}

и index.html

<div id="result">
<?php include $path."show.php"; ?>
</div>

Получается в show содержаться ссыки навигации (для того чтобы при отправке запроса, там обновлялись номера следующих страниц) и вывод контента из базы.

Как можно вынести ссылки навигации из этого блока и поместить их в index.html?
Я так понимаю надо как то сделать возврат рез-та запроса в несклько "блоков" в один идет контент, в другой номер страницы для навигации.....

Сейчас запрос делается так

function updatePage(resultBlock) {
	document.getElementById(resultBlock).innerHTML = xmlHttp.responseText;
}

function callRequest(resultBlock, query) {

	// Запрос
	xmlHttp.open('get', query, true);
	xmlHttp.onreadystatechange = function() {
		if (this.readyState == 4 && this.status == 200) {
			updatePage(resultBlock);
		} else {
			document.getElementById(resultBlock).innerHTML = '<img src="ajax-loader.gif" alt="" />';
		}
	}
	
	xmlHttp.send(null);  
}