Scrollable with 2 rows of items visible Created Mar 11, 2010

<div class="scrollable vertical"> 
 
    <ul class="items"> 
 
        <!-- first item -->
        <li>
            4 images 
        </li>
        <!-- second item -->
        <li>
            4 images 
        </li>
        <!-- third item etc. ... -->

    </ul>

</div>

<!-- root element for scrollable -->
<div class="scrollable">		
                               
<!-- root element for the items -->
  <div class="items"> 
      <div>
           <ul>
               <li>
					<img src="image1.png" />
               </li>
               <li>
                	<img src="image2.png" />
               </li>
           </ul>
      </div>
      <div>
           <ul>
               <li>
					<img src="image3.png" />
               </li>
               <li>
                	<img src="image4.png" />
               </li>
           </ul>
      </div>
      <div>
           <ul>
               <li>
					<img src="image5.png" />
               </li>
               <li>
                	<img src="image6.png" />
               </li>
           </ul>
 	  </div>								
  </div>
  <!-- end items -->

</div>
<!-- end scrollable-->

$setCount = 0;	// counter that keeps track of each set of scrolling lenses
$count = 0;		// counter that keeps track of the lens we are up to in the list
	while($row = mysql_fetch_array($r)){
		$setCount++;	
		$count++;
		if($setCount == 1) {	// each time we start a new set
			echo "<ul class='mySet'>
";	
		} 
//...
// WRITE your LI TAGS HERE...
//...

     if($setCount == 9 && $count < $totalNum) {	
    // if we have reached our 9th item in the set and we aren't at the end of the list...
	echo "</ul>
";
	$setCount = 0;
     } else if($count == $totalNum) {	//  if we've reached the last item in the list...
	echo "</ul>
";
     }

}