Getting index value of cropped Div : Jquery
<p>Ok, so I load a ul with many li's into a div that has overflow:hidden. Click the next btn and it slides the next set of thumbs into view.</p>

<p>All the sliding is working fine but I'm trying to figure how to say "if the last li element is being seen, the next btn is not going to work.</p>

<p>Since all are loaded at runtime and only cropped out of view via the div with overflow:hidden, how will I be able to locate the last li element?</p>

<p>This is all based on the fact that the number of LI elements can change so it all needs to be dynamic so that no matter how many LI's there are, the generic scripting works.</p>

<pre><code>$('.next_btn').click(function() {
var baseElement = $($('.cs_vidThumbList', $(this).parent().parent())
);
var currLoc = $(baseElement).css('left');
  if (currLoc!=0) {
   $(baseElement).animate({
   left:'-=625',},
   'slow')
  }
});
</code></pre>

<p>With each click, I slide the ul (which is what the 'baseElement' is above) by-625 as there are to be at least 5 thumbnails showing until we're at the end and each li has a total width of 125.</p>

<p>So I need a way to check to see if the last LI is actually on-screen. I was wondering if I could somehow check the left property of an li with an id of "last" but still I can't think of how Jquery will know if that particular LI is in view since the whole UL is loaded (meaning... it's technically visible, just cropped from view)</p>
