I am using slider widget from jQuery UI to create slider effect on the list of items, just like horizontal scrollbars, but here I can control look and position of slider handle.
I want to put arrows on the left and right side of the slider so that when user clicks on the right arrow, it moves the slider and list items 10px left and slider handle 10px right and vice versa - just like normal scrollbar would do.

How can I implement it in my code?

Here is the link: http://tinyurl.com/5mf8dk

Thanks in advance.