Prev Next Navigation in Slide

Question

The Concept is a Slide with the prev & next images visible with low opacity.
There are Arrow keys to navigate the slide left & right with pagination buttons.

This is the structure of the HTML I have with me right now. I came across a tutorial on the net.(you might have to copy paste the file on your HTML editor software for the JavaScript to work)
http://jsfiddle.net/Doodle/yTrWP/1/ (source code)
http://www.temzlemdor.in/stackoverflow/coolcarousel.html (working page)

but I am Missing out on the arrow keys.
can someone help me out on that.

Another one i'm working on is this.
http://jsfiddle.net/Doodle/pyqhg/ (source code)
http://www.temzlemdor.in/stackoverflow2/coolcarousel.html (working page)

(for prev/next images)
Here I am Missing out on the side images getting low opacity.
Any assitance on how i can get these fixed to my concept?
I'm a newbie to javascript

Answer 1

Got my answer from here.... >br/> http://fiddle.jshell.net/JCQ6Q/15/show/
Gee....its like I asked the question & I happened to answered it myself... :D