İyi günler e-tiracet geliştiriyorum bi sorunla karşı karşıyayım

Sorun Şu:
Anasayfa da son ürünlerimi slider ile listeliyorum.

Slider da active class'ı mevcut.
İlk 10 listelenen ürünüme active class'ını vereceğim, sonraki 10 ürünüme active class'ını vermeyeceğim nasıl yapabilirim.

Sorgum Şu Şekilde:

$sql = mysql_query("SELECT * FROM product ORDER BY date DESC LIMIT 20");

echo '
<div class="active item">
	<ul class="thumbnails">												
';
while($row = mysql_fetch_array($sql)){
   
     echo '
          <li class="span3">
		<div class="product-box">
			<span class="sale_tag"></span>
				<p>
                                <a href="product_detail.html">
                                <img src="/library/themes/images/ladies/1.jpg" />
                                 </a>
                                 </p>
				
                                 <a href="product_detail.html" class="title">
                                      '.$row["product_name"].'
                                  </a><br/>
										

                                  <a href="products.html" class="category">
                                       '.$row["product_text"].'
                                  </a>
	                          
                                  <p class="price">'.$row["product_price"].'</p>
	         </div>
	  </li>
     ';  
}
echo '
       </div>
             <ul>
';


# <div class="active item"> döngü içerisine almadan ilk 10 üründe active class'ı yazacak, 
# Sonraki 10 üründe içerisinde <div class="item"> yazacak.
# Nasıl yapılabilir ?

Hiyerarşi Şu Şekilde:

<!-- Anasayfa açıldığında ilk 10 ürün böyle sergileniyor -->
<div class="active item">
	<ul class="thumbnails">	
            <li class="span3">
		 <div class="product-box">

                      Ürün1

                 </div>
            </li>
         </ul>
</div>


<!-- Sonraki 10 ürün de Active class'ı kalkıyor -->
<div class="item">
	<ul class="thumbnails">	
            <li class="span3">
		 <div class="product-box">

                      Ürün2

                 </div>
            </li>
         </ul>
</div>

Bu nasıl yapılabilir?


EDİT : SORUNU ÇÖZDÜM TEŞEKKÜR EDERİM.