mobile swiping carousel images on gallery

mobile swiping carousel images on gallery

I have a hopefully quick question about using the mobile swipe function for mobile jquery. We have a gallery here  http://www.grandhotel.com/the-hotel#72157623428872151&7142284101 and I've got it so that the larger image swipes left and right, BUT I also want those thumbnail images to be "swipeable" too.. the code that controls the thumbnails is:

  1. $(this).find('.thumb').unbind('click').click(function()
  2. {
  3. var t = $('#suprflickrGallery .list .content a[photo_id="' + $(this).attr('photo_id') + '"]');
  4. $('#suprflickrLB').setLightboxData($(t), 'fade');
  5. $('#suprflickrGallery .list .content a.current').removeClass('current');
  6. $(this).addClass('current');
  7. $(t).addClass('current');
  8. $(this).parent().setThumbnailSliderPosition();
  9. return false;
  10. });
When a thumbnail is clicked on the larger version of that photo becomes the "current" photo and = is faded in/out etc.. you can see via the link about how it all works.

I know I need to add a "swipeleft" and "swiperight" in there, but the code was developed by a pervious developer and I can't seem to get it in the right order  think.

Any help would be great.