Albums weergave

Beste,

Ik ben bezig met het maken van een foto album d.m.v. een cms systeem.

Nu gaat het aanmaken van een album en het toevoegen van de foto's allemaal goed.
Alleen bij de weergave ervan gaat er iets fout.

Voor het weergeven van de albums haal ik alles op uit de database via een while(). en binnen de wile word gekeken of binnen het album foto's aanwezig zijn of niet.
Als er foto's aanwezig zijn binnen het album dan komt er een afbeelding (icon) achter te staan waarop ze kunnen klikken om de afbeeldingen te zien.

Alleen het probleem is nu dat als ik alles ophaal dat hij niet de foto's maar 1 keer ophaald of laat zien maar zoveel als er in het album staan (nou komt dit waarscheinlijk door de 2de while die erin staat om de foto's optehalen)

Weten jullie hoe ik dit goed kan krijgen ?

<?PHP
/*
Foto overzicht pagina
*/

include('load/conn.php');

?>
	
<h1>Fotogallerij overzicht</h1>

<div class="highslide-gallery">

		<?php
				$query         = "SELECT * FROM ablums ORDER BY albumID";
				$resultaat     = mysql_query($query);
				
				$i = 1;
				if($resultaat && mysql_num_rows($resultaat) >= 1)
				{
					while($rij = mysql_fetch_array($resultaat))
					{
						$aantal = mysql_query('SELECT * FROM album_pic WHERE albumID = "'.$rij['albumID'].'"') or die ('kan aantal fotos niet ophalen omdat ==> ' . mysql_error());
						$res = mysql_num_rows($aantal);
						
						$albumnaam = $rij['albumnaam'];
						$albumID = $rij['albumID'];
						
						if($res >= 1)
						{
							while($foto = mysql_fetch_array($aantal))
							{
							
							echo ucfirst($albumnaam); 
							?>
								<!-- Slide MAIN show opbouwen -->
								<a id="thumb<?= $i; ?>" href="<?= $foto['pic']; ?>" class="highslide" onclick="return hs.expand(this, { slideshowGroup: <?= $i; ?> } )">
								<img src="<?= $tump_icon; ?>" alt="" title="Klik op de afbeelding om de fotos te bekijken" border="0" /></a>
								<!-- Bijschrift bij afbeelding -->
								<div class="highslide-caption">
								<?= $albumnaam; ?>
								</div>
								<!-- Slide show HIDDEN opbouwen -->
								<div class="hidden-container">
								<a href="<?= $foto['pic']; ?> " class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb<?= $i; ?>', slideshowGroup: <?= $i; ?> })"></a>
								
								<div class="highslide-caption">
								<?= $albumnaam; ?>
								</div>
								</div>
								<br />
							<?PHP
							}
						}
						else
						{
							echo ucfirst($albumnaam). '<br />';
						}
						

							
						//echo '<a href="#">'.ucfirst($albumnaam).'</a><br />';
					$i++;
					}
				}
				?>