Filtro Categorias MYSQL PHP

[Dina de Sousa 0]

Boas...eu tenho seguinte filtro para filtrar categorias: http://www.desigm.pt/workfolio.php

 

Como podem verificar ao clicar em "Design Gráfico" por exemplo ele vai-me filtrar só as que estão na opção "TODOS", queria que fosse buscar os 21 ultimos campos que estao na base dados.

 

segue o codigo:

 

<button data-filter="*" class="cbp-filter-item-active cbp-filter-item">TUDO</button>

<?php

$SEL_C = mysql_query("Select * from categoria_work");

while($cat = mysql_fetch_array($SEL_C)){

$nameCat = $cat['name'];

$idCat = $cat['id_categoria'];

$nomeCat = $cat['nome_categoria'];

?>

<button data-filter=".<?php echo $nameCat;?>" class="cbp-filter-item" style="text-transform:uppercase"><?php echo $nomeCat = $cat['nome_categoria']; ?></button>

<?php } ?>

</div>

<div id="grid-container" class="cbp-l-grid-projects three">

<ul>

<?php

$SQL_TUDO = mysql_query("SELECT * FROM work INNER JOIN categoria_work ON work.categoria_w =categoria_work.id_categoria ORDER BY id_work DESC LIMIT 21");

while($t_w = mysql_fetch_array($SQL_TUDO)){

$Cw = $t_w['nome_categoria'];

$IdW = $t_w['id_work'];

$nameW = $t_w['name'];

?>

<li class="cbp-item <?php echo $nameW;?> ">

<div class="cbp-caption three">

<div class="cbp-caption-defaultWrap"> <img src="backoffice/imagens/imgwork/<?php echo $t_w['imagem_work']; ?> "alt="" /> </div>

<div class="cbp-caption-activeWrap">

<div class="cbp-l-caption-alignCenter">

<div class="cbp-l-caption-body"> <a href="work.php?id=<?php echo $IdW ?>" class="cbp-l-caption-buttonLeft">+ info</a></div>

</div>

</div>

</div>

<div class="threeborder">

<div class="cbp-l-grid-projects-title three"><?php echo $t_w['titulo_work']; ?></div>

<div class="cbp-l-grid-projects-desc"><?php echo $Cw; ?></div>

</div>

</li>

<?php } ?>