<!-- Graphic rollover functions

// Function to 'activate' images.
   function imgOn(imgName) {
      if (document.images) {
         document[imgName].src = eval(imgName + "on.src");
      }
   }

// Function to 'deactivate' images.
   function imgOff(imgName) {
      if (document.images) {
         document[imgName].src = eval(imgName + "off.src");
      }
   }

// Function to open image window.
   function newWindow(imgURL) {
      imgBig=new Image(); //These two lines convert the image name to an accessible image object.
      imgBig.src = imgURL;
      //alert(imgBig.width)
      
      //while(imgBig.width==0)
      imgWindow=window.open('', 'imgWin', 'width='+imgBig.width+',height='+imgBig.height+',resizable=yes'); //Open new window sized to image.

      //These lines write HTML code into the image window that eliminates margins and displays the image itself.
      imgWindow.document.write("<HTML><HEAD><TITLE>Enlarged Image<\/TITLE><\/HEAD>");
      imgWindow.document.write("<BODY topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>");
      imgWindow.document.write("<IMG SRC='"+imgURL+"'><\/BODY>");
      imgWindow.document.write("<\/HTML>");
      
      imgWindow.document.close(); //Close the document after "writing" it and bring the image window to the front.
      imgWindow.focus();
   }

// -->