Hjælp til billedgalleri!

Hej eksperter,

Jeg har et billedearkiv. Det er jeg godt tilfreds med, bortset fra een ting:
Hvis man f. eks. har 45 billeder. deler den dem og på sider af 15 pr. styk, og det er godt nok. Men, man kan ikke se hvor mange sider den laver. Der viser bare << >>.

----

Derfor vil jeg gerne spørge: Er der nogle der kan hjælpe mig med at lave det sådan: ex. << 1 2 3 4 5 6 7 8 9 >> ?

Herunder er koderne i billedgalleriet:

gall.php

<html>
<head>
<script type="text/javascript">
function PopUp(pic) {
    window.open("popup.php?pic="+pic,"Titel","width=100,height=100");
}
</script>
</head>

<body>

<?php
#Indstillinger
$sum = 4; // Antal billeder ved siden af hinanden
$sumcount = 1;
$imgwidth = 100; // Billedets bredde
$imgheight = 100; // Bileddets højde
$mappe = "billeder"; // Mappen med billeder
$pr_side = 15; // Antal billeder pr. side

if (isset($_GET['offset'])) {
    $offset = $_GET['offset'];
} else {
    $offset = 0;
}
$pics = $offset+$pr_side;
$i = $offset;

# Laver et array med billederne, så vi senere kan sortere dem alfabetisk
$handle = opendir($mappe);
while (($fil = readdir($handle)) !== false) {
    if ($fil != "." && $fil != ".." && !is_dir($mappe."/".$fil)) {
        $billeder[] = "$fil";
    }
}
closedir($handle);

# Udskriver billederne
sort($billeder);
while($i < $pics && $billeder[$i] != "") {
    echo "<a href=\"java script: PopUp('$mappe/$billeder[$i]')\"><img src=\"$mappe/$billeder[$i]\" border=\"1\" width=\"100\" height=\"100\"></a> ";
    if ($sumcount == $sum) {
        $sumcount = 0;
        echo "<br>";
    }
    $sumcount++;
    $i++;
}
?>
<hr>
<?php
#Udskriver frem og tilbage links
if ($offset >= $pr_side) {
    $forrige = $offset-$pr_side;
    echo "<a href=\"?offset=$forrige\">Forrige</a> ";
}
if (count($billeder) > $offset+$pr_side) {
    $naeste = $offset+$pr_side;
    echo "<a href=\"?offset=$naeste\">Næste</a>";
}
?>

</body>
</html>


---------------------------


popup.php

<html>
<head>
<title>Stort billede</title>
<script>
function resize() {
    imgHeight = document.all.imgID.height;
    imgWidth = document.all.imgID.width;

    screenWidth = imgWidth+16;
    screenHeight = imgHeight+29;

    window.resizeTo(screenWidth,screenHeight);
    window.focus();
}
</script>
</head>
<body onload="resize()" style="margin: 0px">

<img src="<?php echo $_GET['pic']; ?>" id="imgID">

</body>
</html>