// gallery_init.js - version 0.1 - Spry Pre-Release 1.6
//
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.

// The values of these globals must correspond to the ids of markup
// that exist on the page.

var gThumbnailsContainerID = "thumbnails";
var gMainImageContainerID = "mainImageOutline";
var gSlideShowControlsContainerID = "transport";

// These globals will store references to the widgets that
// make up the gallery.

var gThumbViewer = null;
var gImageViewer = null;
var gSlideShowControl = null;

// Flag - Overlay present or not
var intOverlay = false;
// The InitializeGallery() function attaches the widget behaviors
// to the markup on the page. It should be called when all of the
// markup is ready, after the onload event for the page has fired.

function InitializeGallery(ds)
{
  // Create the thumbnail viewer. This widget attaches the
  // thumbnail growing/shrinking behavior you see when the
  // cursor enters a thumbnail. It is also responsible for
  // tracking what the "current" thumbnail is and fires off
  // notfications whenever a user clicks on a thumbnail or
  // it is told to select the previous or next thumbnails.

  gThumbViewer = new Spry.Widget.ThumbViewer(gThumbnailsContainerID);

  // Create the image viewer widget. This widget is responsible
  // for attaching the fade in/out and grow/shrink behavior you
  // see whenever the main image on the page changes.

  gImageViewer = new Spry.Widget.ImageViewer(gMainImageContainerID);

  // Create the slide show control widget. This widget is responsible
  // for starting/stopping the slide show timer and the state of the
  // play/pause button. This widget fires off notifications whenever
  // the user clicks on a button and whenever the slide show is
  // started or stopped.

  gSlideShowControl = new Spry.Widget.SlideShowControl(gSlideShowControlsContainerID);

  // Add an observer on the thumb viewer so that anytime the user
  // clicks on a thumbnail, it tells the image viewer what image
  // to show.

  gThumbViewer.addObserver(function(notificationType, notifier, data)
  {
    if(!data) return;

    if (notificationType == "onSelect") gImageViewer.setImage(data.href);

    var row = ds.getRowByID(data.id);
    Spry.$('description').innerHTML = row['photos/photo/description'];
  });

  // The image viewer may be told to load an image that could take
  // a while. We want to prevent the slide show control from firing
  // off a notfication that says "go to the next image" unless we've
  // completed loading the current image we were told to load.
  // Add an observer on the image viewer which will manually stop and
  // start the slide show control's timer.

  gImageViewer.addObserver(function(notificationType, notifier, data)
  {
    if (notificationType == "onPreUpdate")
      gSlideShowControl.killTimer();
    else if (notificationType == "onPostUpdate")
    {
      if (gSlideShowControl.isActive())
        gSlideShowControl.startTimer();
    }
  });

  // Add an observer on the slide show control so that any time the
  // user clicks on a button, it tells the thumbnail viewer what to do.

  gSlideShowControl.addObserver(function(notificationType, notifier, data)
  {
    if (notificationType == "onNextSlide")
    {
      var img = gThumbViewer.currentImage;
      var imgs = gThumbViewer.getThumbImages();
      var i = gThumbViewer.getThumbCount()-1;
      if ((imgs[i]==img)&&(intOverlay==false))
      {
        Spry.Utils.removeClassName("Overlay","EndOverlay");
        Spry.Utils.removeClassName("StartLabel","StartLabel");
        Spry.Utils.addClassName("NextLabel","StartLabel");
        intOverlay = true;
        gSlideShowControl.stop();
      }
      else
      {
        if(intOverlay==true)
        {
          Spry.Utils.addClassName("Overlay","EndOverlay");
          Spry.Utils.removeClassName("NextLabel","StartLabel");
          Spry.Utils.addClassName("StartLabel","StartLabel");
          intOverlay = false;
        }
        gThumbViewer.next();
      }
    }
    else if (notificationType == "onPreviousSlide")
    {
      if (intOverlay==true)
      {
        Spry.Utils.addClassName("Overlay","EndOverlay");
        Spry.Utils.removeClassName("NextLabel","StartLabel");
        Spry.Utils.addClassName("StartLabel","StartLabel");
        intOverlay = false;
      }
      gThumbViewer.previous(true);
    }
    else if (notificationType == "onFirstSlide")
      gThumbViewer.first(true);
    else if (notificationType == "onLastSlide")
      gThumbViewer.last(true);
    else if ((notificationType == "onStart") && (intOverlay==true))
    {
      Spry.Utils.addClassName("Overlay","EndOverlay");
      Spry.Utils.removeClassName("NextLabel","StartLabel");
      Spry.Utils.addClassName("StartLabel","StartLabel");
      intOverlay = false;
      gThumbViewer.next();
    }
  });

  // Add a click handler on the thumbnails and on the slide show
  // next and previous buttons that will stop the slide show if
  // it is in progress.

  Spry.$$("#thumbnails a, #transport .previousBtn, #transport .nextBtn").addEventListener("click", function(e) { gSlideShowControl.stop(); }, "false");
  // Remove overlay when thumbnail is clicked
  Spry.$$("#thumbnails a").addEventListener("click", function(e) { if(intOverlay==true) {Spry.Utils.addClassName("Overlay","EndOverlay"); Spry.Utils.removeClassName("NextLabel","StartLabel"); Spry.Utils.addClassName("StartLabel","StartLabel"); intOverlay = false;} }, "false");

  // Now that all of our widgets are setup, tell the image viewer
  // to load whatever is currently selected in the thumbnail viewer.

  var currentLink = gThumbViewer.getCurrentThumbLink();
  if (currentLink)
    gImageViewer.setImage(currentLink.href);
}