Pagination within a table using jQuery
<p>I have been working on the following code for the last few days and can't find a solution that seems to work as I want it. What I would need is a sort of a pagination within a part of a table. following actions/events are required:</p>

<ul>
<li><p>When clicking previous or next the name of the race in the top should change accordingly with the higlighted race. SO R2 = Race 2 - Virgina etc..</p></li>
<li><p>Here comes the tricky part, once you have reached the last visible (highligted) column and click next a new column should appear, so the range will be R2-R7 and so on, the total number is always different. The width of all the Rn should stay the same.</p></li>
</ul>

<p>My question is, is this is even possible in jQuery and how? I've studied some pagination plug-ins but none seem to be able to do this. </p>

<p>The code is live here: <a href="http://jsfiddle.net/yunowork/5r9ZW/" rel="nofollow">http://jsfiddle.net/yunowork/5r9ZW/</a></p>
