Только товары в наличии

[99cent]

Пытаюсь сделать кнопки "показать товары только в наличии" и "показать все товары"

Почти работает. Помогите найти ошибку.

Сделал следующее в шаблоне категории:
{foreach from=$products_to_show item=product_item name=product_brief}
{if $product_item.in_stock > 0}
<div id="mainproduct">
{include file="product_brief.html" product_info=$product_item}
</div>
{else}
<div id="mainproductnet">
{include file="product_brief.html" product_info=$product_item}
</div>
{/if}
{/foreach}

То есть все товары с нулевым остатком обрамлены в <div id="mainproductnet">, остальные в <div id="mainproduct">

далее кнопки:
<input name="" type="image" src="/img/1.png" onclick="document.getElementsById('mainproductnet').style.display='none';" value="" />

<input name="" type="image" src="/img/2.png" onclick="document.getElementsById('mainproductnet').style.display='inline-block';" value="" />

Почти работает, а именно уберает только первый <div id="mainproductnet">, а надо что бы убирал все.

Где ошибка и как решить - буду благодарен за любой совет.