<div class="breadcrumb">
	<div itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    	<a href="/<?php echo(str_replace("_","-",$pagina)); ?>" itemprop="url">
        	<span itemprop="title">Home</span>
        </a>
    </div>
</div>

<h1><?php echo(html_entity_decode($rec_pageGegevens['page_name'])); ?></h1>
<div class="links">
    <?php include $_SERVER['DOCUMENT_ROOT'] . '/App/Views/partials/buttons/projects.php' ?>
</div>
<div class="columnLeft">
    <?php echo(html_entity_decode($rec_pageGegevens['descriptionLeft'])); ?>
</div>
<div class="columnRight">
    <?php echo(html_entity_decode($rec_pageGegevens['descriptionRight'])); ?>
</div>
<div class="columnLeft">
    <h2 class="blauw">Rooymans Neckwear staat voor:</h2>
    <ul class="kernwaarden">
        <li><strong>Kennis &amp; ervaring:</strong> ruim 40 jaar aan expertise.</li>
        <li><strong>Creativiteit &amp; maatwerk:</strong> eigen designers die persoonlijke producten ontwikkelen.</li>
        <li><strong>Snelheid &amp; service:</strong> altijd een gratis ontwerp en offerte binnen 1 week.</li>
    </ul>
</div>

<div class="columnRight">
    <h2 class="blauw">Bekijk onze uiteenlopende projecten:</h2>
    <ul class="producten small-header">

        <?php

        $banners = include_once $_SERVER['DOCUMENT_ROOT'] . '/config/banners/home_small_projects.php';
        $bannerImagePath = '/img/banners/small/';

        foreach($banners as $key => $banner)
        {

            echo '<li class="notActive">';
            echo '<a href="' . trans('pages.projects.route',false) . '/'  . $banner['route'] . '">';
            echo $banner['name'];
            echo '</a>';
            echo '<span class="label">
                    <span class="arrow"></span>
                    <span class="text">Lees meer</span>
                  </span>';
            echo '<span class="image">
                    <span class="up" style="background-image:url(' . $bannerImagePath . $banner['image'] . '); background-position:0 bottom"></span>
                    <span class="hover" style="background-image:url(' . $bannerImagePath . $banner['image'] . '); background-position:0 bottom"></span>
                </span>';
            echo '</li>';
        }

        ?>
    </ul>
</div>

<div class="clear_both"></div>
<h2><strong>Onze</strong><br />producten</h2>
<div class="clear_both"></div>

<ul class="producten">

    <?php
    $q_producten = "SELECT kms_categories.categorie_name, kms_categories.image_dir, kms_categories.url FROM kms_categories ORDER BY kms_categories.sort_order ASC";
    $r_producten = mysql_query($q_producten);

    $marginClass = false;

    while($rec_producten = mysql_fetch_assoc($r_producten)){ ?>

        <li class="<?php if($marginClass){ echo("margin "); $marginClass = false; }else{ $marginClass = true; } if($subpagina == $rec_producten['url']){ echo("active"); }else{ echo("notActive"); } ?>">
            <a href="/producten/<?php echo($rec_producten['url']); ?>"><?php echo(html_entity_decode($rec_producten['categorie_name'])); ?></a>
    	<span class="label">
        	<span class="arrow"></span>
            <span class="text">Lees meer</span>
        </span>
        <span class="image">
        	<span class="up" style="background-image:url(/categorie_images/<?php echo($rec_producten["image_dir"]); ?>/thumbSmall.jpg); background-position:0 bottom"></span>
            <span class="hover" style="background-image:url(/categorie_images/<?php echo($rec_producten["image_dir"]); ?>/thumbSmall.jpg); background-position:0 bottom"></span>
        </span>
        </li>

    <?php } ?>

</ul>