In this exercise we deconstruct a menu panel created for Roper Pumps, Inc by Averick Web Design. Note that this code, although publicly viewable on the Web, is still the intellectual property of Roper and Averick and is presented here for limited educational use under the Fair Use Doctrine. In other words, do not copy this in your own work!
The background image:
The header images:
 navbar_r1_c1_f2.jpg |  navbar_r1_c2_f2.jpg |  navbar_r1_c3_f2.jpg |  navbar_r1_c4_f2.jpg |  navbar_r1_c5_f2.jpg |
The pulldown menu images:
 about_layer.jpg |  products_layer.jpg |  request_layer.jpg |  contact_layer.jpg |  help_layer.jpg |
Each of these images belongs to a DIV object which is absolutely positioned so the image appears at its correct place in the document.
MM_preloadImages() | On page loading, the images are preloaded into an array MM_p |
MM_showHideLayers() | On mouseOver or mouseOut, change image visibility |
MM_findObj() | get an object handle for use by MM_showHideLayers() |