<div id="portfolioLabel" class="label">
    <div class="content">
    	<ul>
            <?php
            $q_portfolioLinks = "SELECT kms_portfolio.naam, kms_portfolio.url FROM kms_portfolio WHERE kms_portfolio.productpagina = 'yes' ORDER BY kms_portfolio.sort_order ASC LIMIT 0,6";
            $r_portfolioLinks = mysql_query($q_portfolioLinks);

            while($rec_portfolioLinks = mysql_fetch_assoc($r_portfolioLinks)){  ?>
                <li><a href="/<?php trans('pages.projects.route') ?>/<?php echo($rec_portfolioLinks['url']); ?>">Bekijk onze creatie voor<br /><?php echo(html_entity_decode($rec_portfolioLinks['naam'])); ?></a><span class="arrow"></span>
                    <br /><br />
                    <a class="actionBtn knopMedium" href="/<?php trans('pages.projects.route') ?>/<?php echo($rec_portfolioLinks['url']); ?>"><span class="text">Bekijk dit project</span><span class="up"></span><span class="hover"></span><span class="upRight"></span><span class="hoverRight"></span></a>
                </li>
            <?php } ?>
        </ul>
    </div>
    <div class="shadow"></div>
</div>
<div class="logoOverzicht"><a></a></div>
<div class="fotoFrame">
    <ul>
        <?php
        $firstFoto = true;
        $array_logosCounter = 0;

        $q_portfolioFoto = "SELECT kms_portfolio.portfolio_id, kms_portfolio.naam, kms_portfolio.url, kms_portfolio.image_dir FROM kms_portfolio WHERE kms_portfolio.productpagina = 'yes' ORDER BY kms_portfolio.sort_order ASC LIMIT 0,6";
        $r_portfolioFoto = mysql_query($q_portfolioFoto);

        while($rec_portfolioFoto = mysql_fetch_assoc($r_portfolioFoto)){

            $q_fotoFile = "SELECT kms_portfolio_images.icon_dir FROM kms_portfolio_images WHERE kms_portfolio_images.portfolio_id = '".$rec_portfolioFoto['portfolio_id']."' AND kms_portfolio_images.sort_order = '1' LIMIT 0,1";
            $r_fotoFile = mysql_query($q_fotoFile);
            $rec_fotoFile = mysql_fetch_assoc($r_fotoFile);

            $array_logos[$array_logosCounter] = $rec_portfolioFoto['image_dir'];
            $array_logosCounter++;
        ?>
	    <li <?php if($firstFoto){ echo("class=\"first\""); $firstFoto =  false; } ?>>
            <a href="/<?php trans('pages.projects.route') ?>/<?php echo($rec_portfolioFoto['url']); ?>">
                <img src="/portfolio_images/<?php echo($rec_portfolioFoto['image_dir']); ?>/foto_<?php echo($rec_fotoFile['icon_dir']); ?>.jpg" />
            </a>
        </li>

        <?php } ?>
    </ul>
</div>
<div class="headerMenu">
    <a id="headerArrowLeft"><span></span></a>
    <div class="content">
        <ul>
            <?php $firstLogo = true;

            foreach($array_logos 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($value); ?>/thumb.jpg);"></div>
                    <div class="hover" style="background-image:url(/portfolio_images/<?php echo($value); ?>/thumb.jpg);"></div>
                </li>

           <?php }

            for ($i = 0; $i < 6 - $array_logosCounter; $i++) { ?>

                <li class="notActive nietGevuld"></li>
            <?php } ?>

        </ul> 
    </div>
    <a id="headerArrowRight"><span></span></a>
    <div class="shadow"></div>
</div>
<div class="fotoVerlengde"></div>