Thumbnails in alternating grid

Question

I am working on a wordpress site with a gallery.
The gallery is generated dynamically by the Nextgen gallery plugin.
So the user adds pictures and the program makes it into a gallery.
The way the gallery looks can be styled throught  CSS.
I am trying some things out here:
(looks a mess but it is just a test)
http://www.littlewings-wanbetaler.nl/wordpress/zuskookt-voor/
But what I would like is to lay out the thumbnails  in an alternating grid, like so:
http://www.littlewings-wanbetaler.nl/thumbgrid.png
Is this possible at all with some really clever CSS ?
Apart from a class all the thumbs get an id which is created dynamically, everytime you add a picture .

Answer 1

This could be done fairly easily with a CSS styled Zebra Table.
Simply
add more <td> columns to the one shown below:
Ok, but creating tables (or HTML) is not going to work, since the HTML is output by the gallery, which is created dynamically.
So i have to do it with the CSS, I think. My sourcecode looks like this:
<div id="ngg-image-41" class="ngg-gallery-thumbnail-box"  >
    <div class="ngg-gallery-thumbnail" >
    <a href="http://www.example.comnIMG_1066.jpg" title=" " class="shutterset_set_5" >
    <img title="IMG_1066" alt="IMG_1066" src="http://www.example.comnIMG_1066.jpg" width="85" height="85" />
        </a>
        </div>
next thumbnail will be the same, only the id will be different: ngg-image-42
Found an example on the webs : http://www.jimdavis.org/test/checkerboard.html
which does what I want. It uses a blank div after the last picture on the first line and a blank div before the second line.