title: how to get the index number of jcarousel items in a circular carousel
body: <p>I am trying to build a user interface using jcarousel. The carousel needs to be able to move indefinitely in either direction, so have configured it using wrap:circular.  When a carousel li item is clicked, its corresponding larger image needs to display in the main content area.</p>
  
  <p>Currently the first two thumbnails on the page will show the desired behavior. You can see this at <a href="http://www.brookscustom.com/live-edge/live-edge.php#" rel="nofollow">http://www.brookscustom.com/live-edge/live-edge.php#</a></p>
  
  <p>The problem is that the the carousel will not return an index number for an item once you've scrolled past the actual number of items on the page. What happens is that there is a custom attribute assigned to each item called jcarouselindex, which just goes either up or down infinitely in either direction as you scroll.   My next idea was to assign an id of 1, 2, 3, etc to each list item but those id's as well are lost once you scroll past the actual number of li's on the page.  So, if I have 10 items with id #1-10, when you scroll to the right to the "eleventh" item it will not have id#1 as you might expect.  They are given classes by the script but won't retain the id you give it on the page.</p>
  
  <p>Therefore for this to work I need to be able to access a value for each list item no matter how far the user has scrolled and use that to target the proper large image.  Any ideas? I appreciate it.</p>