FCG just stopped working - white space now showing

[kopking]

Hi

Been using FCG now for a few weeks on our website.

We are using Lifestyle theme and the website is http://www.dietreviewzone.com

Everything was working fine last night and then come to look at the site today and all you can see is a white space where the images should be.

I have ensured that all images are the correct size etc and are uploaded to the site correctly - I have tried deactivating and reactivating the plug in and have also redownloaded and uploaded the plug in again but still having the same issue - its weird because IE is now throwing up a javascript error when it wasent before and when you view source on the page - it appears the images are actually there along with the featured text - but when viewed through the browser you just see a big white space.

Any ideas / thoughts?

[admin]

I am really sorry, something wrong with your site, you have code in your view source after header
which should not be there
It starts with

Code: Select all

<script language=javascript><!--
document.write(unescape('Cz%

Take a look here
http://www.webhostingtalk.com/showthread.php?t=626444

[JimGoodrich]

I'm having the same issue, except it was working, then quit after the host made a server switch. The site is up, FCG isn't. I want to make sure I have tried everything I can from my side before I go back to the host.

Here's what I've done:

Deactivate/reactivate
Uninstall/reinstall
Fresh download of plugin from WordPress.org
Uninstall/reinstall

I've also checked the php version (5.2.8) and DB info and all looks good and tried the possible resolutions from this forum and none have worked to this point Any help would be greatly appreciated. The URL for the site is:

http://www.rockforreading.org/

Thank you.

[admin]

try this version of jd.gallery.js.php

Code: Select all

<?php
include("../../../../wp-load.php");
$fcg_button = get_option('gallery-fcg-button') != '' ? get_option('gallery-fcg-button') : "Featured Content";
$fcg_fade_duration = get_option('gallery-fade-duration') != '' ? get_option('gallery-fade-duration') : 500;
$fcg_delay = get_option('gallery-delay') != '' ? get_option('gallery-delay') : 9000;
$fcg_default_transaction = get_option('gallery-default-transaction') != '' ? get_option('gallery-default-transaction') : "fade";

?>

/*
    This file is part of JonDesign's SmoothGallery v2.0. 3.2.0

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
   - Nitrix (bugfix)
   - Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.
   - Archie Cowan for helping me find a bugfix on carousel inner width problem.
   - Tomocchino from #mootools for the preloader class
   Many thanks to:
   - The mootools team for the great mootools lib, and it's help and support throughout the project.
*/

// declaring the class
var gallery = {
   initialize: function(element, options) {
      this.setOptions({
         showArrows: true,
         showCarousel: true,
         showInfopane: true,
         embedLinks: true,
         fadeDuration: <?php echo $fcg_fade_duration ?>,
         timed: false,
         delay: <?php echo $fcg_delay ?>,
         preloader: true,
         preloaderImage: true,
         preloaderErrorImage: true,
         /* Data retrieval */
         manualData: [],
         populateFrom: false,
         populateData: true,
         destroyAfterPopulate: true,
         elementSelector: "div.imageElement",
         titleSelector: "h2",
         subtitleSelector: "p",
         linkSelector: "a.open",
         imageSelector: "img.full",
         thumbnailSelector: "img.thumbnail",
         defaultTransition: '<?php echo $fcg_default_transaction ?>',
         /* InfoPane options */
         slideInfoZoneOpacity: 0.7,
         slideInfoZoneSlide: true,
         /* Carousel options */
         carouselMinimizedOpacity: 0.4,
         carouselMinimizedHeight: 20,
         carouselMaximizedOpacity: 0.9,
         thumbHeight: 75,
         thumbWidth: 100,
         thumbSpacing: 10,
         thumbIdleOpacity: 0.6,
         textShowCarousel: '<?php echo $fcg_button ?>',
         showCarouselLabel: true,
         thumbCloseCarousel: true,
         useThumbGenerator: false,
         thumbGenerator: 'resizer.php',
         useExternalCarousel: false,
         carouselElement: false,
         carouselHorizontal: true,
         activateCarouselScroller: true,
         carouselPreloader: true,
         textPreloadingCarousel: 'Loading...',
         /* CSS Classes */
         baseClass: 'jdGallery',
         withArrowsClass: 'withArrows',
         /* Plugins: HistoryManager */
         useHistoryManager: false,
         customHistoryKey: false
      }, options);
      this.fireEvent('onInit');
      this.currentIter = 0;
      this.lastIter = 0;
      this.maxIter = 0;
      this.galleryElement = element;
      this.galleryData = this.options.manualData;
      this.galleryInit = 1;
      this.galleryElements = Array();
      this.thumbnailElements = Array();
      this.galleryElement.addClass(this.options.baseClass);
      
      this.populateFrom = element;
      if (this.options.populateFrom)
         this.populateFrom = this.options.populateFrom;      
      if (this.options.populateData)
         this.populateData();
      element.style.display="block";
      
      if (this.options.useHistoryManager)
         this.initHistory();
      
      if (this.options.embedLinks)
      {
         this.currentLink = new Element('a').addClass('open').setProperties({
            href: '#',
            title: ''
         }).injectInside(element);
         if ((!this.options.showArrows) && (!this.options.showCarousel))
            this.galleryElement = element = this.currentLink;
         else
            this.currentLink.setStyle('display', 'none');
      }
      
      this.constructElements();
      if ((this.galleryData.length>1)&&(this.options.showArrows))
      {
         var leftArrow = new Element('a').addClass('left').addEvent(
            'click',
            this.prevItem.bind(this)
         ).injectInside(element);
         var rightArrow = new Element('a').addClass('right').addEvent(
            'click',
            this.nextItem.bind(this)
         ).injectInside(element);
         this.galleryElement.addClass(this.options.withArrowsClass);
      }
      this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);
      if (this.options.showInfopane) this.initInfoSlideshow();
      if (this.options.showCarousel) this.initCarousel();
      this.doSlideShow(1);
   },
   populateData: function() {
      currentArrayPlace = this.galleryData.length;
      options = this.options;
      var data = $A(this.galleryData);
      data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));
      this.galleryData = data;
      this.fireEvent('onPopulated');
   },
   populateGallery: function(element, startNumber) {
      var data = [];
      options = this.options;
      currentArrayPlace = startNumber;
      element.getElements(options.elementSelector).each(function(el) {
         elementDict = {
            image: el.getElement(options.imageSelector).getProperty('src'),
            number: currentArrayPlace,
            transition: this.options.defaultTransition
         };
         elementDict.extend = $extend;
         if ((options.showInfopane) | (options.showCarousel))
            elementDict.extend({
               title: el.getElement(options.titleSelector).innerHTML,
               description: el.getElement(options.subtitleSelector).innerHTML
            });
         if (options.embedLinks)
            elementDict.extend({
               link: el.getElement(options.linkSelector).href||false,
               linkTitle: el.getElement(options.linkSelector).title||false,
               linkTarget: el.getElement(options.linkSelector).getProperty('target')||false
            });
         if ((!options.useThumbGenerator) && (options.showCarousel))
            elementDict.extend({
               thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')
            });
         else if (options.useThumbGenerator)
            elementDict.extend({
               thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight
            });
         
         data.extend([elementDict]);
         currentArrayPlace++;
         if (this.options.destroyAfterPopulate)
            el.remove();
      });
      return data;
   },
   constructElements: function() {
      el = this.galleryElement;
      this.maxIter = this.galleryData.length;
      var currentImg;
      for(i=0;i<this.galleryData.length;i++)
      {
         var currentImg = new Fx.Styles(
            new Element('div').addClass('slideElement').setStyles({
               'position':'absolute',
               'left':'0px',
               'right':'0px',
               'margin':'0px',
               'padding':'0px',
               'backgroundPosition':"center center",
               'opacity':'0'
            }).injectInside(el),
            'opacity',
            {duration: this.options.fadeDuration}
         );
         if (this.options.preloader)
         {
            currentImg.source = this.galleryData[i].image;
            currentImg.loaded = false;
            currentImg.load = function(imageStyle) {
               if (!imageStyle.loaded)   {
                  new Asset.image(imageStyle.source, {
                                  'onload'  : function(img){
                                       img.element.setStyle(
                                       'backgroundImage',
                                       "url('" + img.source + "')")
                                       img.loaded = true;
                                    }.bind(this, imageStyle)
                  });
               }
            }.pass(currentImg, this);
         } else {
            currentImg.element.setStyle('backgroundImage',
                           "url('" + this.galleryData[i].image + "')");
         }
         this.galleryElements[parseInt(i)] = currentImg;
      }
   },
   destroySlideShow: function(element) {
      var myClassName = element.className;
      var newElement = new Element('div').addClass('myClassName');
      element.parentNode.replaceChild(newElement, element);
   },
   startSlideShow: function() {
      this.fireEvent('onStart');
      this.loadingElement.style.display = "none";
      this.lastIter = this.maxIter - 1;
      this.currentIter = 0;
      this.galleryInit = 0;
      this.galleryElements[parseInt(this.currentIter)].set({opacity: 1});
      if (this.options.showInfopane)
         this.showInfoSlideShow.delay(1000, this);
      var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
      if (this.options.showCarousel&&(!this.options.carouselPreloader))
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      this.prepareTimer();
      if (this.options.embedLinks)
         this.makeLink(this.currentIter);
   },
   nextItem: function() {
      this.fireEvent('onNextCalled');
      this.nextIter = this.currentIter+1;
      if (this.nextIter >= this.maxIter)
         this.nextIter = 0;
      this.galleryInit = 0;
      this.goTo(this.nextIter);
   },
   prevItem: function() {
      this.fireEvent('onPreviousCalled');
      this.nextIter = this.currentIter-1;
      if (this.nextIter <= -1)
         this.nextIter = this.maxIter - 1;
      this.galleryInit = 0;
      this.goTo(this.nextIter);
   },
   goTo: function(num) {
      this.clearTimer();
      if(this.options.preloader)
      {
         this.galleryElements[num].load();
         if (num==0)
            this.galleryElements[this.maxIter - 1].load();
         else
            this.galleryElements[num - 1].load();
         if (num==(this.maxIter - 1))
            this.galleryElements[0].load();
         else
            this.galleryElements[num + 1].load();
            
      }
      if (this.options.embedLinks)
         this.clearLink();
      if (this.options.showInfopane)
      {
         this.slideInfoZone.clearChain();
         this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));
      } else
         this.currentChangeDelay = this.changeItem.delay(500, this, num);
      if (this.options.embedLinks)
         this.makeLink(num);
      this.prepareTimer();
      /*if (this.options.showCarousel)
         this.clearThumbnailsHighlights();*/
   },
   changeItem: function(num) {
      this.fireEvent('onStartChanging');
      this.galleryInit = 0;
      if (this.currentIter != num)
      {
         for(i=0;i<this.maxIter;i++)
         {
            if ((i != this.currentIter)) this.galleryElements[i].set({opacity: 0});
         }
         gallery.Transitions[this.galleryData[num].transition].pass([
            this.galleryElements[this.currentIter],
            this.galleryElements[num],
            this.currentIter,
            num], this)();
         this.currentIter = num;
      }
      var textShowCarousel = formatString(this.options.textShowCarousel, num+1, this.maxIter);
      if (this.options.showCarousel)
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      this.doSlideShow.bind(this)();
      this.fireEvent('onChanged');
   },
   clearTimer: function() {
      if (this.options.timed)
         $clear(this.timer);
   },
   prepareTimer: function() {
      if (this.options.timed)
         this.timer = this.nextItem.delay(this.options.delay, this);
   },
   doSlideShow: function(position) {
      if (this.galleryInit == 1)
      {
         imgPreloader = new Image();
         imgPreloader.onload=function(){
            this.startSlideShow.delay(10, this);
         }.bind(this);
         imgPreloader.src = this.galleryData[0].image;
         if(this.options.preloader)
            this.galleryElements[0].load();
      } else {
         if (this.options.showInfopane)
         {
            if (this.options.showInfopane)
            {
               this.showInfoSlideShow.delay((500 + this.options.fadeDuration), this);
            } else
               if ((this.options.showCarousel)&&(this.options.activateCarouselScroller))
                  this.centerCarouselOn(position);
         }
      }
   },
   createCarousel: function() {
      var carouselElement;
      if (!this.options.useExternalCarousel)
      {
         var carouselContainerElement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);
         this.carouselContainer = new Fx.Styles(carouselContainerElement, {transition: Fx.Transitions.expoOut});
         this.carouselContainer.normalHeight = carouselContainerElement.offsetHeight;
         this.carouselContainer.set({'opacity': this.options.carouselMinimizedOpacity, 'top': (this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight)});
         this.carouselBtn = new Element('a').addClass('carouselBtn').setProperties({
            title: this.options.textShowCarousel
         }).injectInside(carouselContainerElement);
         if(this.options.carouselPreloader)
            this.carouselBtn.setHTML(this.options.textPreloadingCarousel);
         else
            this.carouselBtn.setHTML(this.options.textShowCarousel);
         this.carouselBtn.addEvent(
            'click',
            function () {
               this.carouselContainer.clearTimer();
               this.toggleCarousel();
            }.bind(this)
         );
         this.carouselActive = false;
   
         carouselElement = new Element('div').addClass('carousel').injectInside(carouselContainerElement);
         this.carousel = new Fx.Styles(carouselElement);
      } else {
         carouselElement = $(this.options.carouselElement).addClass('jdExtCarousel');
      }
      this.carouselElement = new Fx.Styles(carouselElement, {transition: Fx.Transitions.expoOut});
      this.carouselElement.normalHeight = carouselElement.offsetHeight;
      if (this.options.showCarouselLabel)
         this.carouselLabel = new Element('p').addClass('label').injectInside(carouselElement);
      carouselWrapper = new Element('div').addClass('carouselWrapper').injectInside(carouselElement);
      this.carouselWrapper = new Fx.Styles(carouselWrapper, {transition: Fx.Transitions.expoOut});
      this.carouselWrapper.normalHeight = carouselWrapper.offsetHeight;
      this.carouselInner = new Element('div').addClass('carouselInner').injectInside(carouselWrapper);
      if (this.options.activateCarouselScroller)
      {
         this.carouselWrapper.scroller = new Scroller(carouselWrapper, {
            area: 100,
            velocity: 0.2
         })
         
         this.carouselWrapper.elementScroller = new Fx.Scroll(carouselWrapper, {
            duration: 400,
            onStart: this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),
            onComplete: this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)
         });
      }
   },
   fillCarousel: function() {
      this.constructThumbnails();
      this.carouselInner.normalWidth = ((this.maxIter * (this.options.thumbWidth + this.options.thumbSpacing + 2))+this.options.thumbSpacing) + "px";
      this.carouselInner.style.width = this.carouselInner.normalWidth;
   },
   initCarousel: function () {
      this.createCarousel();
      this.fillCarousel();
      if (this.options.carouselPreloader)
         this.preloadThumbnails();
   },
   flushCarousel: function() {
      this.thumbnailElements.each(function(myFx) {
         myFx.element.remove();
         myFx = myFx.element = null;
      });
      this.thumbnailElements = [];
   },
   toggleCarousel: function() {
      if (this.carouselActive)
         this.hideCarousel();
      else
         this.showCarousel();
   },
   showCarousel: function () {
      this.fireEvent('onShowCarousel');
      this.carouselContainer.start({
         'opacity': this.options.carouselMaximizedOpacity,
         'top': 0
      }).chain(function() {
         this.carouselActive = true;
         this.carouselWrapper.scroller.start();
         this.fireEvent('onCarouselShown');
         this.carouselContainer.options.onComplete = null;
      }.bind(this));
   },
   hideCarousel: function () {
      this.fireEvent('onHideCarousel');
      var targetTop = this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight;
      this.carouselContainer.start({
         'opacity': this.options.carouselMinimizedOpacity,
         'top': targetTop
      }).chain(function() {
         this.carouselActive = false;
         this.carouselWrapper.scroller.stop();
         this.fireEvent('onCarouselHidden');
         this.carouselContainer.options.onComplete = null;
      }.bind(this));
   },
   constructThumbnails: function () {
      element = this.carouselInner;
      for(i=0;i<this.galleryData.length;i++)
      {
         var currentImg = new Fx.Style(new Element ('div').addClass("thumbnail").setStyles({
               backgroundImage: "url('" + this.galleryData[i].thumbnail + "')",
               backgroundPosition: "center center",
               backgroundRepeat: 'no-repeat',
               marginLeft: this.options.thumbSpacing + "px",
               width: this.options.thumbWidth + "px",
               height: this.options.thumbHeight + "px"
            }).injectInside(element), "opacity", {duration: 200}).set(this.options.thumbIdleOpacity);
         currentImg.element.addEvents({
            'mouseover': function (myself) {
               myself.clearTimer();
               myself.start(0.99);
               if (this.options.showCarouselLabel)
                  $(this.carouselLabel).setHTML('<span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);
            }.pass(currentImg, this),
            'mouseout': function (myself) {
               myself.clearTimer();
               myself.start(this.options.thumbIdleOpacity);
            }.pass(currentImg, this),
            'click': function (myself) {
               this.goTo(myself.relatedImage.number);
               if (this.options.thumbCloseCarousel)
                  this.hideCarousel();
            }.pass(currentImg, this)
         });
         
         currentImg.relatedImage = this.galleryData[i];
         this.thumbnailElements[parseInt(i)] = currentImg;
      }
   },
   log: function(value) {
      if(console.log)
         console.log(value);
   },
   preloadThumbnails: function() {
      var thumbnails = [];
      for(i=0;i<this.galleryData.length;i++)
      {
         thumbnails[parseInt(i)] = this.galleryData[i].thumbnail;
      }
      this.thumbnailPreloader = new Preloader();
      this.thumbnailPreloader.addEvent('onComplete', function() {
         var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
         this.carouselBtn.setHTML(textShowCarousel).setProperty('title', textShowCarousel);
      }.bind(this));
      this.thumbnailPreloader.load(thumbnails);
   },
   clearThumbnailsHighlights: function()
   {
      for(i=0;i<this.galleryData.length;i++)
      {
         this.thumbnailElements[i].clearTimer();
         this.thumbnailElements[i].start(0.2);
      }
   },
   changeThumbnailsSize: function(width, height)
   {
      for(i=0;i<this.galleryData.length;i++)
      {
         this.thumbnailElements[i].clearTimer();
         this.thumbnailElements[i].element.setStyles({
            'width': width + "px",
            'height': height + "px"
         });
      }
   },
   centerCarouselOn: function(num) {
      if (!this.carouselWallMode)
      {
         var carouselElement = this.thumbnailElements[num];
         var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);
         var carouselWidth = this.carouselWrapper.element.offsetWidth;
         var carouselInnerWidth = this.carouselInner.offsetWidth;
         var diffWidth = carouselWidth / 2;
         var scrollPos = position-diffWidth;
         try {
           this.carouselWrapper.elementScroller.scrollTo(scrollPos,0);
         }
         catch(e) {
           this.carouselWrapper.elementScroller.scrollTo = (scrollPos,0);
         }
      }
   },
   initInfoSlideshow: function() {
      /*if (this.slideInfoZone.element)
         this.slideInfoZone.element.remove();*/
      this.slideInfoZone = new Fx.Styles(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});
      var slideInfoZoneTitle = new Element('h2').injectInside(this.slideInfoZone.element);
      var slideInfoZoneDescription = new Element('p').injectInside(this.slideInfoZone.element);
      this.slideInfoZone.normalHeight = this.slideInfoZone.element.offsetHeight;
      this.slideInfoZone.element.setStyle('opacity',0);
   },
   changeInfoSlideShow: function()
   {
      this.hideInfoSlideShow.delay(10, this);
      this.showInfoSlideShow.delay(500, this);
   },
   showInfoSlideShow: function() {
      this.fireEvent('onShowInfopane');
      this.slideInfoZone.clearTimer();
      element = this.slideInfoZone.element;
      element.getElement('h2').setHTML(this.galleryData[this.currentIter].title);
      element.getElement('p').setHTML(this.galleryData[this.currentIter].description);
      if(this.options.slideInfoZoneSlide)
         this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});
      else
         this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});
      if (this.options.showCarousel)
         this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));
      return this.slideInfoZone;
   },
   hideInfoSlideShow: function() {
      this.fireEvent('onHideInfopane');
      this.slideInfoZone.clearTimer();
      if(this.options.slideInfoZoneSlide)
         this.slideInfoZone.start({'opacity': 0, 'height': 0});
      else
         this.slideInfoZone.start({'opacity': 0});
      return this.slideInfoZone;
   },
   makeLink: function(num) {
      this.currentLink.setProperties({
         href: this.galleryData[num].link,
         title: this.galleryData[num].linkTitle
      })
      if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
         this.currentLink.setStyle('display', 'block');
   },
   clearLink: function() {
      this.currentLink.setProperties({href: '', title: ''});
      if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
         this.currentLink.setStyle('display', 'none');
   },
   /* To change the gallery data, those two functions : */
   flushGallery: function() {
      this.galleryElements.each(function(myFx) {
         myFx.element.remove();
         myFx = myFx.element = null;
      });
      this.galleryElements = [];
   },
   changeData: function(data) {
      this.galleryData = data;
      this.clearTimer();
      this.flushGallery();
      if (this.options.showCarousel) this.flushCarousel();
      this.constructElements();
      if (this.options.showCarousel) this.fillCarousel();
      if (this.options.showInfopane) this.hideInfoSlideShow();
      this.galleryInit=1;
      this.lastIter=0;
      this.currentIter=0;
      this.doSlideShow(1);
   },
   /* Plugins: HistoryManager */
   initHistory: function() {
      this.fireEvent('onHistoryInit');
      this.historyKey = this.galleryElement.id + '-picture';
      if (this.options.customHistoryKey)
         this.historyKey = this.options.customHistoryKey();
      this.history = HistoryManager.register(
         this.historyKey,
         [1],
         function(values) {
            if (parseInt(values[0])-1 < this.maxIter)
               this.goTo(parseInt(values[0])-1);
         }.bind(this),
         function(values) {
            return [this.historyKey, '(', values[0], ')'].join('');
         }.bind(this),
         this.historyKey + '\\((\\d+)\\)');
      this.addEvent('onChanged', function(){
         this.history.setValue(0, this.currentIter+1);
      }.bind(this));
      this.fireEvent('onHistoryInited');
   }
};
gallery = new Class(gallery);
gallery.implement(new Events);
gallery.implement(new Options);

gallery.Transitions = new Abstract ({
   fade: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
      if (newPos > oldPos) newFx.start({opacity: 1});
      else
      {
         newFx.set({opacity: 1});
         oldFx.start({opacity: 0});
      }
   },
   crossfade: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
      newFx.start({opacity: 1});
      oldFx.start({opacity: 0});
   },
   fadebg: function(oldFx, newFx, oldPos, newPos){
      oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
      oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;
      oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));
   }
});

/* All code copyright 2007 Jonathan Schemoul */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Follows: Preloader (class)
* Simple class for preloading images with support for progress reporting
* Copyright 2007 Tomocchino.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var Preloader = new Class({
 
  Implements: [Events, Options],

  options: {
    root        : '',
    period      : 100
  },
 
  initialize: function(options){
    this.setOptions(options);
  },
 
  load: function(sources) {
    this.index = 0;
    this.images = [];
    this.sources = this.temps = sources;
    this.total = this. sources.length;
   
    this.fireEvent('onStart', [this.index, this.total]);
    this.timer = this.progress.periodical(this.options.period, this);
   
    this.sources.each(function(source, index){
      this.images[index] = new Asset.image(this.options.root + source, {
        'onload'  : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),
        'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),
        'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)
      });
    }, this);
  },
 
  progress: function() {
    this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);
    if(this.index >= this.total) this.complete();
  },
 
  complete: function(){
    $clear(this.timer);
    this.fireEvent('onComplete', [this.images]);
  },
 
  cancel: function(){
    $clear(this.timer);
  }
 
});

Preloader.implement(new Events, new Options);

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Follows: formatString (function)
* Original name: Yahoo.Tools.printf
* Copyright Yahoo.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function formatString() {
   var num = arguments.length;
   var oStr = arguments[0];
   for (var i = 1; i < num; i++) {
      var pattern = "\\{" + (i-1) + "\\}";
      var re = new RegExp(pattern, "g");
      oStr = oStr.replace(re, arguments[i]);
   }
   return oStr;
}

[JimGoodrich]

Thank you for your quick response and the great plugin. Uploaded the new file, nothing seems to have changed.

http://www.rockforreading.org

*UPDATE* - I was able to get some access I didn't have previous to this and as I suspected, the issue lies elsewhere, NOT with FCG. Thank you again for your help.

Jim