if (document.images) {

         //create "on" array and populate with image objects
         var onImgArray = new Array();
         onImgArray["butt0"]      = new Image(12,12);
         onImgArray["butt1"]      = new Image(12,12);
         onImgArray["butt2"]      = new Image(12,12);
         onImgArray["butt3"]      = new Image(12,12);
         onImgArray["butt4"]      = new Image(12,12);
         onImgArray["butt5"]      = new Image(12,12);
         onImgArray["butt6"]      = new Image(12,12);
         onImgArray["butt7"]      = new Image(12,12);
         onImgArray["fellow"]     = new Image(12,12);
         onImgArray["arrow"]      = new Image(22,22);
         onImgArray["bb"]         = new Image(22,22);

         // set URLs for the "on" images
         onImgArray["butt0"].src      = "images/button2.gif";
         onImgArray["butt1"].src      = "images/button2.gif";
         onImgArray["butt2"].src      = "images/button2.gif";
         onImgArray["butt3"].src      = "images/button2.gif";
         onImgArray["butt4"].src      = "images/button2.gif";
         onImgArray["butt5"].src      = "images/button2.gif";
         onImgArray["butt6"].src      = "images/button2.gif";
         onImgArray["butt7"].src      = "images/button2.gif";
         onImgArray["fellow"].src     = "images/button2.gif";
         onImgArray["arrow"].src      = "images/arrow2.gif";
         onImgArray["bb"].src         = "images/arrow2.gif";


         //create "off" array and populate with image objects
         var offImgArray = new Array();
         offImgArray["butt0"]      = new Image(12,12);
         offImgArray["butt1"]      = new Image(12,12);
         offImgArray["butt2"]      = new Image(12,12);
         offImgArray["butt3"]      = new Image(12,12);
         offImgArray["butt4"]      = new Image(12,12);
         offImgArray["butt5"]      = new Image(12,12);
         offImgArray["butt6"]      = new Image(12,12);
         offImgArray["butt7"]      = new Image(12,12);
         offImgArray["fellow"]     = new Image(12,12);
         offImgArray["arrow"]      = new Image(22,22);
         offImgArray["bb"]         = new Image(22,22);

         // set URLs for the "off" images
         offImgArray["butt0"].src      = "images/button1.gif";
         offImgArray["butt1"].src      = "images/button1.gif";
         offImgArray["butt2"].src      = "images/button1.gif";
         offImgArray["butt3"].src      = "images/button1.gif";
         offImgArray["butt4"].src      = "images/button1.gif";
         offImgArray["butt5"].src      = "images/button1.gif";
         offImgArray["butt6"].src      = "images/button1.gif";
         offImgArray["butt7"].src      = "images/button1.gif";
         offImgArray["fellow"].src     = "images/button1.gif";
         offImgArray["arrow"].src      = "images/arrow.gif";
         offImgArray["bb"].src         = "images/arrow.gif";

        }
        function imageOn(imgName) {
          if(document.images) {
            document.images[imgName].src = onImgArray[imgName].src;
          }
        }
        function imageOff(imgName) {
          if(document.images) {
            document.images[imgName].src = offImgArray[imgName].src;
          }
        }
        function setMsg(msg) {
          window.status = msg;
          return true;
        }
         function inputOn(imgName) {
           if(document.images) {
            document.getElementById(imgName).src = onImgArray[imgName].src;
          }
        }
         function inputOff(imgName) {
           if(document.images) {
            document.getElementById(imgName).src = offImgArray[imgName].src;
          }
        }

      function reveal(x){
          var isDOM = (document.getElementById ? true : false);
          var isIE4 = ((document.all && !isDOM) ? true : false);
        if (isIE4){
          var e   = document.all[x];
              e.style.display = "inline";
             //alert(e.value);
          }
        if (isDOM) {
              e   = document.getElementById(x);
              e.style.display = "inline";
             //alert(e.value);
          }
        }
        function hide(x){
          var isDOM = (document.getElementById ? true : false);
          var isIE4 = ((document.all && !isDOM) ? true : false);
        if (isIE4){
          var e   = document.all[x];
              e.style.display = "none";
             //alert(e.value);
          }
        if (isDOM) {
              e   = document.getElementById(x);
              e.style.display = "none";
             //alert(e.value);
          }
        }

        function change(x){
          var isDOM = (document.getElementById ? true : false);
          var isIE4 = ((document.all && !isDOM) ? true : false);
        if (isIE4){
          var e   = document.all[x];
              e.style.color = "#c3110c";
              e.style.cursor = "hand";
             //alert(e.value);
          }
        if (isDOM) {
              e   = document.getElementById(x);
              e.style.color = "#c3110c";
              e.style.cursor = "hand";
             //alert(e.value);
          }
        }

        function chg(x){
          var isDOM = (document.getElementById ? true : false);
          var isIE4 = ((document.all && !isDOM) ? true : false);
        if (isIE4){
          var e   = document.all[x];
              e.style.color = "#2e006b";
             //alert(e.value);
          }
        if (isDOM) {
              e   = document.getElementById(x);
              e.style.color = "#2e006b";
             //alert(e.value);
          }
        }