var _g_strClassNameGalleryActiveMouseOver   = "gallery galleryOn galleryTop name";
   var _g_strClassNameGalleryActiveMouseOut    = "gallery galleryOn galleryTop name";
   var _g_strClassNameGalleryInactiveMouseOver = "gallery galleryOver galleryFull galleryTop name";
   var _g_strClassNameGalleryInactiveMouseOut  = "gallery galleryFull galleryTop name";


   /***************************************************************************************
   /* initGallery
   /*
   /* Sets up thumbnail DIVs.  Establishes initial className for each div (inactive state).
   /* After calling this, activateThumb() should be called to set one of the thumbnails active
   /* (usually the first thumbnail in the series).
   /*
   /***************************************************************************************/
   function initGallery( strActivateGalleryId )
      {
         var colDiv         = document.getElementsByTagName("DIV");
         var i;
         var iNumDivs = colDiv.length;
           
         _g_arrayDivs = new Array();
           
         for (i=0; i < iNumDivs; i++)
         {
               elemI = colDiv.item(i);
               if (elemI.className == "_gallery")
               {
                  _inactivateGallery(elemI);
               }
         }
           
        activateGallery( strActivateGalleryId );
            
      }        
          
   
   /***************************************************************************************
   /* activateGallery
   /*
   /* Sets specified gallery DIV to active state.
   /*
   /***************************************************************************************/
   function activateGallery(strId)
   {
      var elemDiv = document.getElementById(strId);
      var bOk = true;
      
      if (elemDiv == null || typeof(elemDiv) != "object")
      {
         alert("Unable to activate DIV ID " + strID + ". Check your HTML ID values.");
         bOk = false;
      }
      
      if (bOk)
      {
         elemDiv.className = _g_strClassNameGalleryActiveMouseOut;
         elemDiv.onmouseover = new Function("this.className='" + _g_strClassNameGalleryActiveMouseOver + "'");
         elemDiv.onmouseout = new Function("this.className='" + _g_strClassNameGalleryActiveMouseOut + "'");
      }
   }
   
   /***************************************************************************************
   /* _inactivateGallery
   /*
   /* Private helper function to set the className property of a DIV to the inactive
   /* style.
   /*
   /***************************************************************************************/
   function _inactivateGallery(elem)
   {
      elemI.className = _g_strClassNameGalleryInactiveMouseOut;
      elemI.onmouseover = new Function("this.className='" + _g_strClassNameGalleryInactiveMouseOver + "'");
      elemI.onmouseout = new Function("this.className='" + _g_strClassNameGalleryInactiveMouseOut + "'");
   }