var imgName; //Where the swap is to take place. Name of our IMG TAG
         var imgSrc; //Name of image to use in the swapping

         var oImg1on = new Image();
         oImg1on.src = "images/home_on.jpg";

         var oImg2on = new Image();
         oImg2on.src = "images/scholar_on.jpg";

         var oImg3on = new Image();
         oImg3on.src = "images/class_on.jpg";

         var oImg4on = new Image();
         oImg4on.src = "images/leader_on.jpg";

         var oImg5on = new Image();
         oImg5on.src = "images/resource_on.jpg";

         var oImg6on = new Image();
         oImg6on.src = "images/archive_on.jpg";

         var oImg7on = new Image();
         oImg7on.src = "images/bcc_on.jpg";


         /////////////////////////////////////
         //Below are the imageoff images.   //
         //The images that will appear when //
         //the mouse crosses over the images//
         /////////////////////////////////////

         var oImg1off = new Image();
         oImg1off.src = "images/home_off.jpg";

         var oImg2off = new Image();
         oImg2off.src = "images/scholar_off.jpg";

         var oImg3off = new Image();
         oImg3off.src = "images/class_off.jpg";

         var oImg4off = new Image();
         oImg4off.src = "images/leader_off.jpg";

         var oImg5off = new Image();
         oImg5off.src = "images/resource_off.jpg";

         var oImg6off = new Image();
         oImg6off.src = "images/archive_off.jpg";

         var oImg7off = new Image();
         oImg7off.src = "images/bcc_off.jpg";


         //image on function
         function imgOn(imgName)
         {
            document.images[imgName].src = eval(imgName + "on.src");
         }

         //image off function
         function imgOff(imgName)
         {
            document.images[imgName].src = eval(imgName + "off.src");
         }