1. Design a page like that seen on the left. The images and descriptions are provided in the zipped file.

2. mouseover event Have it that when the user places the mouse over the table cell with a name, the color of the cell changes to a lighter color, the portrait of that person appears on the upper right, and the text about that portrait appears in the lower right. Try to design the page so that the page does not “jump” around too much (or preferably at all) when the image changes.

3. mouseout event When the mouse is moved out of the cell (and presumably NOT into one of the other cells), the image should return to the default image. Since you will need to remember the default image and text, you will need a variable for this purpose. The color of the cell should return to normal.

4. click event If the user clicks in a cell, then change your variable(s) for the default information to that corresponding to the cell clicked on. (Notice that there is no light color associated with the mouseover event, yet Henry VIII is the showing rather than Prince Edward. That’s because the user had clicked on Henry VIII making him the new default.