modify web page slightly to make 2 new pages

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
I have a web page made by a freelancer 3 weeks ago. You can take a look at that project for background. The exiting page has two sets of graphic elements that move with respect to each other as buttons are pushed. Now there are 6 buttons. They cause a sequence of motions between 6 states. Each button causes a state transition. The buttons are constrained to only be active in a sequence of 1 2 3 4 5 6 5 4 3 2 1. So initially pushing 1 makes the two graphic elements (each is a div) move from state A to state B. Button 2 moves things from state B to state C. On the way backward through the buttons, pushing 2 moves it from state C to state B and pushing 1 gets you back to state A.
The motions themselves are each either purely in X or purely in Y.

What I need is one page that only has three buttons and only moves the graphics up and down (X) and a second page that only moves the elements left/right and back (Y). I need it done now. If I could look at a first cut in 5 hours or less and find a final version when I got up in the morning it would be great. It is now 7:13 PM PST. I am attaching to core code that makes this work in the existing page for you to scope this.



Skills required:
Javascript, PHP, Software Architecture
Additional Files: core+of+existing+page
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.