var preloaded = [];

		
// here is a lame preloading script i am putting in just for demonstration
		
for (var i = 1; i <= 5; i++) {
	preloaded[i] = [loadImage(i + "-0.gif"), loadImage(i + "-1.gif")];
}

		
function init() {
			
// whatever stuff you need to do onload goes here.

			
//==========================================================================================
			
// if supported, initialize mtdropdowns
			
//==========================================================================================
			
// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
			
// This is better than server-side checking because it will also catch browsers which would
			
// normally support the menus but have javascript disabled.
			
// If supported, call initialize() and then hook whatever image rollover code you need to do
			
// to the .onactivate and .ondeactivate events for each menu.
			
//==========================================================================================
			
if (mtDropDown.isSupported()) {
	mtDropDown.initialize();
				
			
menu1.onactivate = function() { swapImage("button1","images/disneyOn.jpg") };				
menu1.ondeactivate = function() { swapImage("button1","images/disneyOff.jpg") };				
menu2.onactivate = function() { swapImage("button2", "images/booksOn.jpg") };				
menu2.ondeactivate = function() { swapImage("button2", "images/booksOff.jpg") };				
menu3.onactivate = function() { swapImage("button3", "images/costumesOn.jpg") };				
menu3.ondeactivate = function() { swapImage("button3", "images/costumesOff.jpg") };				
menu4.onactivate = function() { swapImage("button4", "images/figuresOn.jpg") };			
menu4.ondeactivate = function() { swapImage("button4", "images/figuresOff.jpg") };				
menu5.onactivate = function() { swapImage("button5", "images/toysOn.jpg") };				
menu5.ondeactivate = function() { swapImage("button5", "images/toysOff.jpg") };							
menu6.onactivate = function() { swapImage("button6", "images/viewersOn.jpg") };				
menu6.ondeactivate = function() { swapImage("button6", "images/viewersOff.jpg") };							
menu7.onactivate = function() { swapImage("button7", "images/watchOn.jpg") };	
menu7.ondeactivate = function() { swapImage("button7", "images/watchOff.jpg") };							
menu8.onactivate = function() { swapImage("button8", "images/8mmOn.jpg") };	
menu8.ondeactivate = function() { swapImage("button8", "images/8mmOff.jpg") };							
menu9.onactivate = function() { swapImage("button9", "images/miscOn.jpg") };	
menu9.ondeactivate = function() { swapImage("button9", "images/miscOff.jpg") };							
menu10.onactivate = function() { swapImage("button10", "images/linksOn.jpg") };	
menu10.ondeactivate = function() { swapImage("button10", "images/linksOff.jpg") };							
}
 }



// this is a crappy example preloader. Use whichever one you want.
		
function loadImage(sFilename) {
	var img = new Image();
			
img.src ="/_images/nav/" + sFilename;
	return img;
		}

		
// this is a crappy example image swapper. Use whichever you want.
		
function swapImage(imgName, sFilename) {
 document.images[imgName].src = sFilename;
		}