// SpryThumbnailFilmStripPlugin.js - version 0.2 - Spry Pre-Release 1.7
//
// Copyright (c) 2010. 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.

(function() { // BeginSpryComponent

if (typeof Spry == "undefined" || !Spry.Widget || !Spry.Widget.ImageSlideShow)
{
	alert("SpryThumbnailFilmStripPlugin.js requires SpryImageSlideShow.js!");
	return;
}

if (!Spry.Widget.FilmStrip)
{
	alert("SpryThumbnailFilmStripPlugin.js requires SpryFilmStrip.js!");
	return;
}

var gTFSP = Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin = {
	config: {
		useBkgImages: true,
		pageIncrement: 1,
		wraparound: true,
		sliceMap: {},
		componentOrder: [ "previous", "next", "track" ],
		pluginOptionsProp: "TFSP"
	},

	initialize: function(ss)
	{
		var opts = ss.setOptions({}, gTFSP.config);

		if (ss[opts.pluginOptionsProp])
			ss.setOptions(opts, ss[opts.pluginOptionsProp]);

		ss[opts.pluginOptionsProp] = opts;

		// This plugin stores the thumbnail urls used by the slide show
		// directly on the slide show.

		ss.thumbnailLinksInfo = { thumbUrls: [] };

		// Add the plugin as an observer of the slide show so it can
		// hook in at the appropriate times.

		ss.addObserver(this);
	},

	onPostExtractImageInfo: function(ss, evt)
	{
		// This function gets called before any markup transformation is performed
		// by the slideshow widget. We need to extract out the thumbnail URLs from
		// the default markup embedded within the page. The film strip we create
		// later will use these URLs.

		var urls = ss.thumbnailLinksInfo.thumbUrls;
		var re = evt.repeatingElements;
		for (var i = 0; i < re.length; i++)
		{
			var img = re[i].getElementsByTagName("img").item(0);
			urls[i] = img ? img.src : "";
		}
	},


	onPostTransformMarkup: function(ss, evt)
	{
		var opts = ss[gTFSP.config.pluginOptionsProp];

		// The slideshow widget just finished injecting its transformed markup
		// into the page. Look for all of the slide links in the widget, and
		// inject a thumbnail image into it, or make it a background image on
		// the link.

		var urls = ss.thumbnailLinksInfo.thumbUrls;
		var links = Spry.$$("." + ss.slideLinkClass, ss.element);
		for (var i = 0; i < links.length; i++)
		{
			var container = links[i].contentContainer;
			if (opts.useBkgImages)
				container.style.backgroundImage = "url(" + urls[i] + ")";
			else
			{
				container.innerHTML = "";
				var img = document.createElement("img");
				img.src = urls[i];
				container.appendChild(img);
			}
		}

		// Now find the element that contains all of the slide links
		// and transform it into a filmstrip widget. All of the slide links
		// will be treated as panels during the film strip transformation so
		// it will still allow the user to navigate directly to a given slide.

		var container = Spry.$$("." + ss.slideLinksClass, ss.element)[0];
		if (container)
			ss.thumbnailLinksInfo.filmStrip = new Spry.Widget.FilmStrip(container, {
				pageIncrement:  opts.pageIncrement,
				wraparound:     opts.wraparound,
				sliceMap:       opts.sliceMap,
				componentOrder: opts.componentOrder
			});
	},

	onPostShowSlide: function(ss, evt)
	{
		// Anytime a new slide is shown, make sure the correct thumbnail is
		// selected and scrolled into view if necessary.

		ss.thumbnailLinksInfo.filmStrip.showPanel(evt.slideIndex);
	}
};

})(); // EndSpryComponent