<?php if(!empty($rec_portfolioItem['labelTitel'])){ ?>
    <div id="portfolioLogo" class="label">
        <div class="content">
            <span class="alsH1"><?php echo(html_entity_decode($rec_portfolioItem['labelTitel'])); ?></span>
            <span class="citaat"><?php echo(html_entity_decode($rec_portfolioItem['labelOmschrijving'])); ?></span>
        </div>
        <a class="button"><span class="cross"></span></a>
        <div class="shadow"></div>
    </div>
<?php } ?>
<div class="logoOverzicht"><a></a></div>
<div class="fotoFrame">
    <ul>

        <?php
        $firstFoto = true;
        $array_thumbsCounter = 0;

        $q_fotoFile = "SELECT kms_portfolio_images.icon_dir FROM kms_portfolio_images WHERE kms_portfolio_images.portfolio_id = '".$rec_portfolioItem['portfolio_id']."' ORDER BY kms_portfolio_images.sort_order ASC";
        $r_fotoFile = mysql_query($q_fotoFile);

        while($rec_fotoFile = mysql_fetch_assoc($r_fotoFile)){
            $array_thumbs[$array_thumbsCounter] = $rec_fotoFile['icon_dir'];
            $array_thumbsCounter++;
            ?>
            <li <?php if($firstFoto){ echo("class=\"first\""); $firstFoto =  false; } ?>><img src="/portfolio_images/<?php echo($rec_portfolioItem['image_dir']); ?>/foto_<?php echo($rec_fotoFile['icon_dir']); ?>.jpg" /></li>

        <?php } ?>
    </ul>
</div>
<div class="headerMenu">
    <a id="headerArrowLeft"><span></span></a>
    <div class="content">
        <ul class="portfolioItem">
            <li class="logo" style="background-image:url(/portfolio_images/<?php echo($rec_portfolioItem['image_dir']); ?>/thumb.jpg);">

            </li>

            <?php $firstLogo = true;

            foreach($array_thumbs as &$value){ ?>
                <li class="<?php if($firstLogo){ echo("active"); $firstLogo = false; }else{ echo("notActive"); } ?> gevuld">
                    <div class="up" style="background-image:url(/portfolio_images/<?php echo($rec_portfolioItem['image_dir']); ?>/thumb_<?php echo($value); ?>.jpg);"></div>
                    <div class="hover" style="background-image:url(/portfolio_images/<?php echo($rec_portfolioItem['image_dir']); ?>/thumb_<?php echo($value); ?>.jpg);"></div>
                </li>

            <?php }

            for ($i = 0; $i < 5 - $array_thumbsCounter; $i++) { ?>
                <li class="notActive nietGevuld"></li>
            <?php } ?>
        </ul>
    </div>
    <a id="headerArrowRight"><span></span></a>
    <div class="shadow"></div>
</div>
<div class="fotoVerlengde"></div>