php код на ajax

[kreigan1]

Приветсвую всех
На пхп пишу более-менее, но с js траблы, по этому прошу помощи тут.
Есть кусок кода:

<?php
                // Строим постраничную навигацию
                if ( $cnt_pages > 1 )
                {
                    echo '<div>&nbsp;<ul> ';
                    // Проверяем нужна ли стрелка "В начало"
                    if ( $page > 3 )
                        $startpage = '<li><a href="'.$_SERVER['PHP_SELF'].'?page=1" class="whitecurve"><i class="icon-double-angle-left"></i></a></li>';
                    else
                        $startpage = '';
                    // Проверяем нужна ли стрелка "В конец"
                    if ( $page < ($cnt_pages - 2) )
                        $endpage = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.$cnt_pages.'" class="whitecurve"><i class="icon-double-angle-right"></i></a></li>';
                    else
                        $endpage = '';
 
                    if ( $page > 1 )
                        $leftpage = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page - 1).'" class="whitecurve"><i class="icon-angle-left"></i></a></li>';
                    else
                        $leftpage = '';
 
                    if ( $page < ($cnt_pages) )
                        $rightpage = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page + 1).'" class="whitecurve"><i class="icon-angle-right"></i></a></li>';
                    else
                        $rightpage = '';
 
                    // Находим две ближайшие станицы с обоих краев, если они есть
                    if ( $page - 2 > 0 )
                        $page2left = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page - 2).'" class="whitecurve">'.($page - 2).'</a></li>';
                    else
                        $page2left = '';
                    if ( $page - 1 > 0 )
                        $page1left = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page - 1).'" class="whitecurve">'.($page - 1).'</a></li>';
                    else
                        $page1left = '';
                    if ( $page + 2 <= $cnt_pages )
                        $page2right = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page + 2).'" class="whitecurve">'.($page + 2).'</a></li>';
                    else
                        $page2right = '';
                    if ( $page + 1 <= $cnt_pages )
                        $page1right = '<li><a href="'.$_SERVER['PHP_SELF'].'?page='.($page + 1).'" class="whitecurve">'.($page + 1).'</a></li>';
                    else
                        $page1right = '';
 
                    // Выводим меню
 
                    echo "".$startpage.$leftpage.$page2left.$page1left.'<li><a href="#" class="whitecurve">'.$page.'</a></li>'.$page1right.$page2right.$rightpage.$endpage."";
 
                    echo '</ul></div>';
                }
 
 
                ?>

Задача: навигация при которой страница не будет перезагружаться.
Как реализовать?
Спасибо.

[danik.js]

С использованием jQuery:

// в css позиционируем и задаем гифку как фон.
var $preloader = $('<div/>', {'class':'preloader'});
// блок с основным контентом
var $content = $('.content');

$('.pagination a').click(function(e) {
    // отменяем переход по ссылке
    e.preventDefault();
    // показываем крутилку
    $preloader.appendTo($content);
    // грузим контент по ссылке.
    // серверу нужно отслеживать заголовок X-Requested-With: XMLHttpRequest и отдавать в таком случае контент без шапки и футера
    $('.content').load(this.href);

    // помечаем ссылку (или можно родительский li) активной
    $(this).addClass('active').siblings().removeClass('active');
});