if (document.images) {
            var url ="http://matthewarchitect.com/assets/";
            img1on = new Image();           // The onmouseover image
            img1on.src = url + "images/Untitled-2_02-on.png";  
            
            img1off = new Image();          // The normally seen image
            img1off.src = url + "images/Untitled-2_02.png";
            
            img2on = new Image();           // The onmouseover image
            img2on.src = url + "images/Untitled-2_03-on.png";  
            
            img2off = new Image();          // The normally seen image
            img2off.src = url + "images/Untitled-2_03.png";
            
            img3on = new Image();           // The onmouseover image
            img3on.src = url + "images/Untitled-2_04-on.png";  
            
            img3off = new Image();          // The normally seen image
            img3off.src = url + "images/Untitled-2_04.png";
            
            img4on = new Image();           // The onmouseover image
            img4on.src = url + "images/Untitled-2_05-on.png";  
            
            img4off = new Image();          // The normally seen image
            img4off.src = url + "images/Untitled-2_05.png";
            
            img5on = new Image();           // The onmouseover image
            img5on.src = url + "images/Untitled-2_06-on.png";  
            
            img5off = new Image();          // The normally seen image
            img5off.src = url + "images/Untitled-2_06.png";

            
      }				  //This function changes the image when over.
        function imgOn(imgName) {
                if (document.images) {
                document[imgName].src = eval(imgName + "on.src");
                }
        }				   //This function changes the image back when off.
        function imgOff(imgName) {
                if (document.images) {
                document[imgName].src = eval(imgName + "off.src");        
                }
        }