jquery hover tabs , bottom and top row, share central container
===

Hope you well!

I've got a small project here to resolve...

…i've been playing and set up a jsfiddle here to illustrate the goal required…

…i've positioned tab elements top and bottom...top tabs are green, bottom tabs are red…

…the bottom row of tabs in red need to be a different CSS class as I need to apply a different graphic to those…

..i've had a fiddle but unsure of binding this to accommodate both "moving_bg" class for top row of tabs…and the "moving_bg-B" class for the bottom row.

…essentially the 8 UL blocks of content, need to share that central container:

http://jsfiddle.net/AMCBP/

…as we can see we have the correct html structure and css applied, however the UL blocks don't slide beyond UL block number 4 when using the bottom row of tabs.

...as a jquery noob any assistance, pointers very much appreciated!
