var preloaded = [];
		var preName = [];
		 preName[1] = "things-to-do";
		 preName[2] = "places-to-stay";
		 preName[3] = "area-events";
		 preName[4] = "getting-here";
		 preName[5] = "visitor-center";
		 preName[6] = "group-resources";
		 preName[7] = "media-room";
		 
		for (var i = 1; i <= 7; i++) {
			preloaded[i] = [loadImage(preName[i] + "-0.gif"), loadImage(preName[i] + "-1.gif")];
		}	
		
		function init() {

			if (TransMenu.isSupported()) {
				TransMenu.initialize();


				
			menu1.onactivate = function() { swapImage("button1", preloaded[1][1].src) };
			menu1.ondeactivate = function() { swapImage("button1", preloaded[1][0].src) };
			
			menu2.onactivate = function() { swapImage("button2", preloaded[2][1].src) };
			menu2.ondeactivate = function() { swapImage("button2", preloaded[2][0].src) };
							
			menu3.onactivate = function() { swapImage("button3", preloaded[3][1].src) };
			menu3.ondeactivate = function() { swapImage("button3", preloaded[3][0].src) };

			menu4.onactivate = function() { swapImage("button4", preloaded[4][1].src) };
			menu4.ondeactivate = function() { swapImage("button4", preloaded[4][0].src) };
			
			menu5.onactivate = function() { swapImage("button5", preloaded[5][1].src) };
			menu5.ondeactivate = function() { swapImage("button5", preloaded[5][0].src) };
						
			menu6.onactivate = function() { swapImage("button6", preloaded[6][1].src) };
			menu6.ondeactivate = function() { swapImage("button6", preloaded[6][0].src) };
			
			menu7.onactivate = function() { swapImage("button7", preloaded[7][1].src) };
			menu7.ondeactivate = function() { swapImage("button7", preloaded[7][0].src) };


			}
		}
		
			// preloader
			function loadImage(sFilename) {
				var img = new Image();
				img.src ="/library/images/nav/" + sFilename;
				//img.src =sFilename;
				return img;
			}
			
			// swapper l'image
			function swapImage(imgName, sFilename) {
			//alert(sFilename);
				document.images[imgName].src = sFilename;
			}