Hi There,

I am hoping I can get some guidiance or some help with this to point me in the right direction. We are using this plugin on our website so that it can list documents that are attached to a certain item. Problem is, now we want to change the code around so that each document has its own line instead of 2 documents sharing one line. Here is the code that is working so far with 2 documents on one line:

$(function(){
 /* Images */
 $('a.thumb').click(function(){
  $('#productImage').attr('src', this.href);
  return false;
 });
 
 if ($('#product .productInfo ul').length == 1 && $('#product .productInfo:has(ul:empty)').length > 0){
  $('#product .productInfo').hide();
 }
 else {
  var documents = $('#product .productInfo li');
  var table = $('<table class="documents" />');
  
  for (var x=0; x<documents.length; x+=2){
   var row = $('<tr />');
   row.append('<td>'+ documents.eq(x).html() +'</td>');
   row.append('<td>'+ (( x +1 < documents.length) ? documents.eq(x+1).html() : '') +'</td>');
   table.append(row);
  }
  
  table.find('a').prepend('<img src="/elements/spacer.gif" />');
  table.find('tr:odd').addClass('even');  
  $('#product .productInfo ul').replaceWith(table);
 }
 

To change it so that each document has its own line i changed the following code:

row.append('<tr>'+ documents.eq(x).html() +'</tr>');
   row.append('<tr>'+ (( x +1 < documents.length) ? documents.eq(x+1).html() : '') +'</tr>');

The problem that I have with this, is that the ID attributes are still Even Even Odd Odd so that the CSS is not working properly. Anyway someone can help me change the property so that it goes as Even Odd Even Odd so the css works?

Any help would be greatly appreciated.

THANKS!