Displaying Google Spreadsheet info on my website

A developer from India helped me create a pretty cool page, but he's since abadoned me with a few errors in his code. On my ROSTERS page for my basketball program, it's meant to display cells generated from this Google Spreadsheet. Only problem is it works for most grades, but 1st-8th aren't correctly referencing the right columns.

I don't know a ton about code, but everything looks like it matches up on the site.

These lines, for instance, are a part of the HTML that should display my spreadsheet's CENTRAL tab columns BG-BK

<li><a href="javascript:void(0)" target="_blank"><span style="float:left; color:#999999;">15 | <span id="3rd4th14">---</span></span> <span style="float:right; color:#999999;"><span id="3rd4thvalue14">---</span></span></a><div style="clear: both;"></div></li>

And these lines are the javascript that make it work.

 $('#3rd4th'+i).text(data[i][35]+' '+data[i][36]);
                     $('#3rd4thvalue'+i).text('|'+data[i][37]+' | '+data[i][38]+' | '+data[i][39]);

I figure since the same exact layout works for the other grades, this should easily follow suit. Fiddling with the numbers also produced nothing of worth.

Also of note is this problem started out with just one grade and has now spread to other grades over the course of a few months. I tried creating an entirely new document for it to reference, but the same error occurs. It's super slow loading, so I'd also be down to display the info via another avenue.

Any suggestions or fixes would be awesome. Thx.