Navigate through a ul with clicks on a div

Question

Please take a look at this first: This is my JSFiddle to edit

I need to put two div one to the left, one to the right, they will hold arrows (like this ones: imageRight, imageLeft), so when I click on one div left or right, it navigates through the ul accordingly. Please take in consideration that they could be more than two list elements.

Seems easy, but I haven't been able to do it, nor find the right example.

Answer 1

ok, now I have the solution...

I end up using a plugin called Awkward Showcase, which is awesome.

In this question you can find how it got it's final configuration to match exactly what I wanted. You can add some comments there if you like.

Solution: JSFiddle