var FadingImageSlideshow = new Object();


FadingImageSlideshow.currentImageIndex = 0;
FadingImageSlideshow.maxTimerCountdown = 5;
FadingImageSlideshow.currentTimerCountdown = FadingImageSlideshow.maxTimerCountdown;
FadingImageSlideshow.fUseFaderA = false;
FadingImageSlideshow.images =
[
	//["full", "preview", "thumb"]
	[ "/blog/wp-content/uploads/content/product_march32nd/creepy_tv.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/creepy_tv.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/creepy_tv.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/hopscotch.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/hopscotch.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/hopscotch.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/mirror_mirror.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/mirror_mirror.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/mirror_mirror.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/monster_train.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/monster_train.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/monster_train.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/scream.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/scream.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/scream.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/the_web.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/the_web.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/the_web.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/time_demon.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/time_demon.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/time_demon.jpg" ],
	[ "/blog/wp-content/uploads/content/product_march32nd/m32_logo.jpg", "/blog/wp-content/uploads/content/product_march32nd/gallery/m32_logo.jpg", "/blog/wp-content/uploads/content/product_march32nd/thumb/m32_logo.jpg" ]
];



$(document).ready(
function()
{
	var container = $('#imageGallery');
	var newHtml;


	newHtml = '<div style="float:left; position:relative; width:100%; height:100%">\n';

	// Spit out gallery.
	newHtml += '<div id="fadingSlideshowFadeA" style="position: absolute; top:0px; left:0px; ' +
		'width:100%; height:100%; background-repeat:no-repeat; background-size: 100%; background-origin: content; background-image:url(' +
		FadingImageSlideshow.images[0][1] +
		')"></div>\n';

	newHtml += '<div id="fadingSlideshowFadeB" style="position: absolute; top:0px; left:0px; ' +
		'width:100%; height:100%; background-repeat:no-repeat; background-size: 100%; background-origin: content; background-image:url(' +
		FadingImageSlideshow.images[0][1] +
		')"></div>\n';

	// Spit out thumbnails.
	newHtml += '<div style="position: absolute; top:39px; width: 100%; margin-left: 10px; text-align:center">\n'
	for (var i = 0; i < FadingImageSlideshow.images.length; i++)
	{
		newHtml += '<a rel="lightbox[0]" href="' +
			FadingImageSlideshow.images[i][0] +
			'"><img class="fadingSlideShowThumbnail" style="float: left; padding: 0px 5px 0px 5px;" src="' +
			FadingImageSlideshow.images[i][2] +
			'" index="' +
			i +
			'" alt="" title="Click the thumbnail to to see the full image." /></a>\n';
	}
	newHtml += "</div>\n";

	// Write out the new HTML elements.
	container.html(newHtml + "</div>");


	// Bind thumbnail functions.
	$('.fadingSlideShowThumbnail').bind('mouseover', function()
		{
			var newIndex = parseInt($(this).attr('index'));


			FadingImageSlideshowFadeIn(newIndex);
			
			// Fiddle with the auto-play timer - if the user initiates a fade via direct
			// interaction, lets let it stick around for double what an idle would wait.
			FadingImageSlideshow.currentTimerCountdown = 2 * FadingImageSlideshow.maxTimerCountdown;
			return;
		}
	);
	

	// Bind thumbnail tooltips.
	$(".fadingSlideShowThumbnail").tooltip();


	// Setup the timer
	FadingImageSlideshowTimer();


	return;
}
);


function FadingImageSlideshowFadeIn(fadeInIndex)
{

	var fadeOutIndex = FadingImageSlideshow.currentImageIndex;
	var fadeInElement;
	var fadeOutElement;


	if (fadeOutIndex == fadeInIndex)
		return;

	FadingImageSlideshow.fUseFaderA = !FadingImageSlideshow.fUseFaderA;

	var fadeInElement  = $(FadingImageSlideshow.fUseFaderA ? '#fadingSlideshowFadeA' : '#fadingSlideshowFadeB');
	var fadeOutElement = $(FadingImageSlideshow.fUseFaderA ? '#fadingSlideshowFadeB' : '#fadingSlideshowFadeA');

	
	fadeInElement.css('background-image', "url(" + FadingImageSlideshow.images[fadeInIndex][1] + ")" );
	fadeInElement.css('z-index', '1');
	fadeOutElement.css('z-index', '0');
	
	//fadeInElement.css({'z-index' : '-1'});
	//fadeOutElement.css({'z-index' : '-2'});
	//fadeOutElement.css('z-index', '0');
	//fadeInElement.css('z-index', '0');

	fadeOutElement.stop();
	fadeInElement.stop();

	fadeOutElement.css("opacity", 1.0);
	fadeInElement.css("opacity", 0.0);
	fadeInElement.animate({opacity:1}, 1000);

	FadingImageSlideshow.currentImageIndex = fadeInIndex;
	return;
}


function FadingImageSlideshowTimer()
{
	--FadingImageSlideshow.currentTimerCountdown;

	if (0 >= FadingImageSlideshow.currentTimerCountdown)
	{
		var newImageIndex = FadingImageSlideshow.currentImageIndex + 1;


		if (newImageIndex >= FadingImageSlideshow.images.length)
			newImageIndex = 0;

		FadingImageSlideshowFadeIn(newImageIndex);
		FadingImageSlideshow.currentTimerCountdown = FadingImageSlideshow.maxTimerCountdown;
	}

	setTimeout("FadingImageSlideshowTimer()", 1000);
	return;
}