<?php

if($pagina == "wk_actie_nl" || $pagina == "wk_actie_be"){ ?>

<div class="fotoFrame">
        <?php if($pagina == "wk_actie_nl"){ ?>
            <img src="/img/header_wk_nl.jpg" />
        <?php }else{ ?>
            <img src="/img/header_wk_be.jpg" />
        <?php } ?>
</div>


<?php }else{

    if(!empty($rec_pageGegevens['labelTitel']) && !empty($rec_pageGegevens['labelOmschrijving'])){ ?>

        <div class="label">
            <div class="content">
                <span class="alsH1"><?php echo(html_entity_decode($rec_pageGegevens['labelTitel'])); ?></span>
                <span class="citaat"><?php echo(html_entity_decode($rec_pageGegevens['labelOmschrijving'])); ?></span>
            </div>
            <a class="button"><span class="cross"></span></a>
            <div class="shadow"></div>
        </div>
    <?php } ?>

    <?php if($pagina == "home"){ ?>

        <div id="portfolioLabel" class="label">
            <div class="content">
                <ul>
                    <li><a href="/<?php trans('pages.projects.route') ?>/">Bekijk onze creatie voor<br />Komma</a><span class="arrow"></span>
                        <br /><br />
                        <a class="actionBtn knopMedium" href="/<?php trans('pages.projects.route') ?>/"><span class="text">Bekijk deze klant</span><span class="up"></span><span class="hover"></span><span class="upRight"></span><span class="hoverRight"></span></a>
                    </li>
                </ul>
            </div>
            <div class="shadow"></div>
        </div>

    <?php } ?>


    <div class="fotoFrame">
        <?php if($pagina == "home"){ ?> <div id="stempel"></div><?php } ?>
        <ul>

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

            $q_fotoFile = "SELECT kms_pages_images.icon_dir FROM kms_pages_images WHERE kms_pages_images.page_id = '".$rec_pageGegevens['page_id']."' ORDER BY kms_pages_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="/page_images/<?php echo($rec_pageGegevens['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>

                <?php $firstThumb = true;

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

                <?php }

                for ($i = 0; $i < 6 - $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>
<?php } ?>