You are to create two pages which are linked with a jQuery menu. Both pages should animate a

jigsaw puzzle which you make out of a New York scene. The minimum number of pieces to the

puzzle is six pieces.

When you load the First Puzzle page, the pieces of the puzzle are distrbuted around the page. All

but one piece should move to their final "Solved" position except for one piece. That final piece is

controlled by four buttons: Up$,$ Down, Left, and Right. Each of these buttons obviously moves the

puzzle piece a small distance. Use the jQuery "animate" function to solve this puzzle. Also, make

certain that the puzzle piece is placed such that the puzzle can actually be solved.

The Second Puzzle page should allow you to solve the same puzzle by simply dragging all the

pieces to their final position. It should use the jQuery UI "draggable" function.

Here is a screenshot of a possible solution to the second "Draggable" page:

Washington Square Park