<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<style>
#work_area{
    width: 800px;
    margin: 100 auto;
}
#work_area li{
    display: inline;
    font-size: 14px;
    margin-right: 10px;
}
#work_area .current{
    border: 1px dotted;
    font-size: 18px;
    padding: 3px;
}
</style>

<?php
    // подключение к бд
    include "db_connection.php";
    $countView = 5; // количество материалов на странице
    // номер страницы
    if(isset($_GET['page'])){
        $pageNum = (int)$_GET['page'];
    }else{
        $pageNum = 1;
    }
    $startIndex = ($pageNum-1)*$countView; // с какой записи начать выборку
    // запрос к бд
    $sql = mysql_query("
        SELECT SQL_CALC_FOUND_ROWS * FROM `tbl_news` LIMIT $startIndex, $countView
    ") or die(mysql_error());
    $newsData = array();
    while($result = mysql_fetch_array($sql, MYSQL_ASSOC)){
        $newsData[] = $result;
    }
    // получение полного количества новостей
    $sql2 = mysql_query("SELECT FOUND_ROWS()");
    $result2 = mysql_fetch_array($sql2, MYSQL_ASSOC);
    $countAllNews = $result2["FOUND_ROWS()"];
    // номер последней страницы
    $lastPage = ceil($countAllNews/$countView);
?>
<div id="work_area">
    <!-- вывод новостей -->
    <?php foreach($newsData as $oneNews){ ?>
    <div class="one_news">
        <label><?=$oneNews['title'];?></label>
        <p><?=$oneNews['small_text'];?></p>
        <a href="/news.php?id=<?=$oneNews['id'];?>">Подробнее</a>
        <hr/>
    </div>
    <?php } ?>
    <br/>
    <!-- вывод пагинатора -->
    <ul>
        <?php if($pageNum > 1) { ?>
            <li><a href="/index.php?page=1">&lt;&lt;</a></li>
            <li><a href="/index.php?page=<?=$pageNum-1;?>">&lt;</a></li>
        <?php } ?>
        
        <?php for($i = 1; $i<=$lastPage; $i++) { ?>
            <li <?=($i == $pageNum) ? 'class="current"' : '';?>> <a href="/index.php?page=<?=$i;?>"><?=$i;?></a> </li>
        <?php } ?>
        
        <?php if($pageNum < $lastPage) { ?>
            <li><a href="/index.php?page=<?=$pageNum+1;?>">&gt;</a></li>
            <li><a href="/index.php?page=<?=$lastPage;?>">&gt;&gt;</a></li>
        <?php } ?>
    </ul>
</div>
