//preload images  
      
         // selected images
         nav1sel = new Image();
         nav1sel.src = "images/navigation/Home_sel.gif";
         nav2sel = new Image();
         nav2sel.src = "images/navigation/Teams_sel.gif";
         nav3sel = new Image();
         nav3sel.src = "images/navigation/Brackets_sel.gif";
         nav4sel = new Image();
         nav4sel.src = "images/navigation/GameLocations_sel.gif";
         nav5sel = new Image();
         nav5sel.src = "images/navigation/MediaInformation_sel.gif";
         nav6sel = new Image();
         nav6sel.src = "images/navigation/Sponsors_sel.gif";
         nav7sel = new Image();
         nav7sel.src = "images/navigation/HotelCar_sel.gif";
         nav8sel = new Image();
         nav8sel.src = "images/navigation/Contacts_sel.gif";
         nav9sel = new Image();
         nav9sel.src = "images/navigation/Prior_sel.gif";
         nav10sel = new Image();
         nav10sel.src = "images/navigation/Coaches_sel.gif";
         nav11sel = new Image();
         nav11sel.src = "images/navigation/ContactUs_sel.gif";

         // not selected images
         nav1nsel = new Image();
         nav1nsel.src = "images/navigation/Home_nsel.gif";
         nav2nsel = new Image();
         nav2nsel.src = "images/navigation/Teams_nsel.gif";
         nav3nsel = new Image();
         nav3nsel.src = "images/navigation/Brackets_nsel.gif";
         nav4nsel = new Image();
         nav4nsel.src = "images/navigation/GameLocations_nsel.gif";
         nav5nsel = new Image();
         nav5nsel.src = "images/navigation/MediaInformation_nsel.gif";
         nav6nsel = new Image();
         nav6nsel.src = "images/navigation/Sponsors_nsel.gif";
         nav7nsel = new Image();
         nav7nsel.src = "images/navigation/HotelCar_nsel.gif";
         nav8nsel = new Image();
         nav8nsel.src = "images/navigation/Contacts_nsel.gif";
         nav9nsel = new Image();
         nav9nsel.src = "images/navigation/Prior_nsel.gif";
         nav10nsel = new Image();
         nav10nsel.src = "images/navigation/Coaches_nsel.gif";
         nav11nsel = new Image();
         nav11nsel.src = "images/navigation/ContactUs_nsel.gif";

         // mouseover images
         nav1hov = new Image();
         nav1hov.src = "images/navigation/Home_hov.gif";
         nav2hov = new Image();
         nav2hov.src = "images/navigation/Teams_hov.gif";
         nav3hov = new Image();
         nav3hov.src = "images/navigation/Brackets_hov.gif";
         nav4hov = new Image();
         nav4hov.src = "images/navigation/GameLocations_hov.gif";
         nav5hov = new Image();
         nav5hov.src = "images/navigation/MediaInformation_hov.gif";
         nav6hov = new Image();
         nav6hov.src = "images/navigation/Sponsors_hov.gif";
         nav7hov = new Image();
         nav7hov.src = "images/navigation/HotelCar_hov.gif";
         nav8hov = new Image();
         nav8hov.src = "images/navigation/Contacts_hov.gif";
         nav9hov = new Image();
         nav9hov.src = "images/navigation/Prior_hov.gif";
         nav10hov = new Image();
         nav10hov.src = "images/navigation/Coaches_hov.gif";
         nav11hov = new Image();
         nav11hov.src = "images/navigation/ContactUs_hov.gif";

         // select button clicked, unselect all other buttons
         function imageSelect(name) {
            var img = '';
            var button = null;
            for (var i=0; i<document.images.length; i++) {
               button = document.images[i];
               // is this the button just selected?
               if (button.name==name) {
                  img = eval (button.name + 'sel.src');
                  button.src = img;
               } else {
                  img = eval (button.name + 'nsel.src');
                  button.src = img;
               }
            }
         }

         // show hover image of button when mouse is over, unless
         //   this button is the currently selected one
         function imageHover(name) {
            var img = '';
            var button = document [name];
            // not currently selected button?
            if (button.src.indexOf('_sel')==-1) {
               img = eval (button.name + 'hov.src');
               button.src = img;
            }
         }

         // show unselected image when mouse no longer over button,
         //  unless this button is the currently selected one
         function imageNotSelect(name) {
            var img = '';
            var button = document [name];
            // not currently selected button?
            if (button.src.indexOf('_sel')==-1) {
               img = eval (button.name + 'nsel.src');
               button.src = img;
            }
         }