Jquery menu with mouseover image

1. Need a piano like menu with each button having a "Mouse-over transition" and on-click a new page must be opened. 2. This plugin will go into a wordpress site. So we would prefer if the menu is embedded & tested in a generic html or php file 3. It must be tested on all web browsers for compatibility - chrome, firefox, opera, safari and IE7+ 4. The code must be clean and with comments wherever necessary so that changes can be made with ease if need be. 5. When the mouse cursor is taken over the menu button it must expand and eventually end up larger than the rest of the buttons. It must also have an image on it once the transition is complete. 6. By default the menu buttons will have an image while in inactive state. On click they will enter into a new page. 7. We would like the transition to be smooth but quick. 8. Kindly give us an option to change the speed of transition. 9. You can use dummy images for the time being. 10. The webpage width is going to be 980px. So try and create the menu for that width. 11. All menu buttons will have separate images. 12. The font color of the menu links might change based on the background color. SO please leave a provision for that. I have given complete project details in the attached pdf. If anything else is required then please drop me a message.