<?php include('breadcrump_algemeen.php'); ?>

<h1><?php echo(html_entity_decode($rec_pageGegevens['page_name'])); ?></h1>
<div class="links">
	<a href="/<?php trans('pages.projects.route') ?>" class="textLink"><?php trans('pages.projects.label') ?><span class="arrow"></span></a>
    <a href="/contact" class="textLink">contact<span class="arrow"></span></a>
</div>
<div class="clear_both"></div>
<div class="columnLeft" style="width:210px">
    <?php echo(html_entity_decode($rec_pageGegevens['descriptionLeft'])); ?>
</div>

<ul id="productenPagina" 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 = true;
    $firstItem = true;

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

        <li class="notActive <?php /*if($firstItem){ echo("margin"); $firstItem = false; }*/ if($marginClass){ echo("margin"); $marginClass = false; }else{ echo("clear_left"); $marginClass = true; } ?>">
            <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"]); ?>/thumb.jpg); background-position:0 bottom"></span>
            <span class="hover" style="background-image:url(/categorie_images/<?php echo($rec_producten["image_dir"]); ?>/thumb.jpg); background-position:0 bottom"></span>
        </span>
        </li>

    <?php } ?>

</ul>