maintaining "grid" of sorted objects

maintaining "grid" of sorted objects


Page: http://education.llnl.gov/sme/photos2.lasso
When the page loads, it applies a "break" between rows after every 5th
li element of the ul. What I would like to do is maintain the grid if
a photo is moved from one "row" to another. Simply reapplying the
makeGrid function that I made isn't doing it because the "new" order
isn't recognized.
Here is my makeGrid function:
makeGrid = function(){
    $('#photos').removeClass('newRow');
    $('ul li:nth-child(5n)').next().addClass('newRow');
}
is there something in the settings of the sortable that I need to
call?
I got the files from the sortable demo page:
http://dev.jquery.com/view/trunk/ui/demos/ui.sortable.html
I'm sure it's not the most up-to-date scripts. Let me know if I
should update/download something else.