function init() {
			
			//==========================================================================================
			if (mtDropDown.isSupported()) {
				mtDropDown.initialize();

				// hook all the image swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
				
				menu1.onactivate = function() { swapImage("buttaboutus", '../images/website-puzzles-butt-about_f2.gif') };
				menu1.ondeactivate = function() { swapImage("buttaboutus", '../images/website-puzzles-butt-about.gif') };

				menu2.onactivate = function() { swapImage("buttproducts", '../images/website-puzzles-butt-web-puzzles_f2.gif') };
				menu2.ondeactivate = function() { swapImage("buttproducts", '../images/website-puzzles-butt-web-puzzles.gif') };
				
				menu3.onactivate = function() { swapImage("buttoptions", '../images/website-puzzles-butt-options_f2.gif') };
				menu3.ondeactivate = function() { swapImage("buttoptions", '../images/website-puzzles-butt-options.gif') };
				
				menu4.onactivate = function() { swapImage("butthelp", '../images/website-puzzles-butt-help_f2.gif') };
				menu4.ondeactivate = function() { swapImage("butthelp", '../images/website-puzzles-butt-help.gif') };

			}
		}

		// image swapper.
		function swapImage(imgName, sFilename) {
			document.images[imgName].src = sFilename;
		}