<h1><?php echo(html_entity_decode($rec_pageGegevens['page_name'])); ?></h1>
<div class="links">
	<a href="/portfolio" class="textLink">portfolio<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; padding-bottom: 10px;">
    <?php echo(html_entity_decode($rec_pageGegevens['descriptionLeft'])); ?>
</div>

<ul id="productenPagina" class="producten">

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

    $marginClass = true;
    $firstItem = true;

    $counter = 0;

    while($rec_producten = mysql_fetch_assoc($r_producten)){ $counter++; ?>

        <li class="notActive <?php /*if($firstItem){ echo("margin"); $firstItem = false; }*/ if($marginClass){ echo("margin"); $marginClass = false; }else{ echo("clear_left"); $marginClass = true; } ?>">
            <a href="/products/<?php echo($rec_producten['url']); ?>"><?php echo(html_entity_decode($rec_producten['categorie_name'])); ?>
            <?php if($counter == 4){ echo("<br /><br />"); } ?>
            </a>
    	<span class="label">
        	<span class="arrow"></span>
            <span class="text">Read more</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>