// SpryImageViewer.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.

var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.ImageViewer = function(ele, options)
{
	Spry.Utils.Notifier.call(this);

	this.element = Spry.$(ele);
	this.imageSelector = "img";
	this.elementToResizeSelector = "*";
	
	this.currentEffect = null;
	this.currentLoader = null;
};

Spry.Widget.ImageViewer.prototype = new Spry.Utils.Notifier();
Spry.Widget.ImageViewer.prototype.constructor = Spry.Widget.ImageViewer;

Spry.Widget.ImageViewer.prototype.killLoader = function()
{
	if (this.currentLoader)
	{
		this.currentLoader.onload = null;
		this.currentLoader = null;
	}
};

Spry.Widget.ImageViewer.prototype.setImage = function(url)
{
	showLoadingImage();

	var img = Spry.$$(this.imageSelector, this.element)[0];
	if (!img) return;

	if (this.currentEffect)
	{
		this.currentEffect.stop();
		this.currentEffect = null;
	}

	this.killLoader();
	var loader = this.currentLoader = new Image;
	var self = this;

	this.notifyObservers("onPreUpdate", url);

	this.currentEffect = new Spry.Effect.Opacity(img, 1, 1, { duration: 1, finish: function()	
		{
			
						
			//************ START OF LOADER FUNCTION, WAITS FOR IMAGE TO LOAD ******************
			// Use an image loader to make sure we only fade in the new image after
			// it is completely loaded.
			loader.onload = function()
			{
				hideLoadingImage();

			
				self.currentEffect = new Spry.Effect.Opacity(img, 1, 0, {duration: 200,
					finish: function()
					{
						document.getElementById('mainImage').src = '';

			
			
				
				//*********************** START OF GRAY BOX RESIZING EFFECT CODE ********************
				//var w = loader.width;
				//var h = loader.height;
				var w = loader.width;
				var h = loader.height;



				var eleToResize = img;
				if (self.elementToResizeSelector)
					eleToResize = Spry.Utils.getAncestor(img, self.elementToResizeSelector);

				//img.src = loader.src;
				
				//sets the gray box resizing effect
				self.currentEffect = new Spry.Effect.Size(eleToResize, Spry.Effect.getDimensions(eleToResize), { width: w, height: h, units:"px"}, {duration: 200, finish: function()
				{
								//*************** START OF FADE IN FOR NEW IMAGE *********************
								//Sets image src to loader src
								//**** Must be done before fade in
								img.src = loader.src;
								loader = null;

								//Sets the effect module to fade in the new image
								//alert('starting fade in');
								self.currentEffect = new Spry.Effect.Opacity(img, 0, 1, { duration: 200,
								finish: function()
										{
											self.currentEffect = 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.
				
											self.notifyObservers("onPostUpdate", url);
										}
										});
								//Fires off the effect to fade in new image
								self.currentEffect.start();	
								//*************** END OF FADE IN FOR NEW IMAGE *********************
								
								
				}});
				//fires off the gray box resizing effect
				self.currentEffect.start();
				//*********************** END OF GRAY BOX RESIZING EFFECT CODE ********************
				
						}
						});
						//Fires off the effect to fade in new image
						self.currentEffect.start();	
				
			};
			loader.src = url;
			
			//************ END OF LOADER FUNCTION *******************
		}
	});
	this.currentEffect.start();
};