This is a portfolio site, with a strip of images across the middle. I need help fixing the horizontal autoscroll that is activated when you hover over the images. There are a few important features that this auto-scroll must contain.
1. When hovering over the images left 1/2 of the browser width the images must scroll left and when hovering over the right 1/2 of the browser the images must scroll right.
2. The scroll is only activated when hovering over the pictures (which dynamically resize according to the browser size)
3. Only the area with the images will be scrolling.
4. The scroll bar must still be useable - in order to make the site compatible with mobile devices
5. This script must be dynamic in that it will work if there are 2 images on the page or 10.
Additionally the images in this horizontal scrip launch a shadow box - this must remain in tact but I don't think that should affect this very much.