var images = Array ();
var currentImageIndex = 0;

Event.observe 
(
 	window,
	'load',
	function ()
	{
		imageLinks = Element.getElementsByClassName ($ ('thumbnails'), 'btnZoomImage');
		
		imageLinks.each
		(
			function (element)
			{
				images.push (element.href);
			}
		);
		
		Element.hide ($ ('imagepreloader'));
	}
);

function zoomImage (i)
{
	currentImageIndex = i;
	
	Element.hide ($ ('original'));
	Element.show ($ ('imagepreloader'));
	
	var imgPreloader = new Image ();
	
	imgPreloader.onload = function ()
	{
		$ ('original').src = images[i];
		
		Element.hide ($ ('imagepreloader'));
		Effect.Appear('original', { duration: 0.5 });
	}
	
	imgPreloader.src = images[i];
	
	return false;
}

function nextImage ()
{
	Element.hide ($ ('original'));
	Element.show ($ ('imagepreloader'));
	
	if (! (currentImageIndex < images.length - 1))
	{
		currentImageIndex = -1;
	}
	
	var i = ++currentImageIndex;
	
	var imgPreloader = new Image ();
	
	imgPreloader.onload = function ()
	{
		$ ('original').src = images[i];
		
		Element.hide ($ ('imagepreloader'));
		Effect.Appear('original', { duration: 0.5 });
	}
	
	imgPreloader.src = images[i];
	
	return false;
}

function prevImage ()
{
	Element.hide ($ ('original'));
	Element.show ($ ('imagepreloader'));
	
	if (! (currentImageIndex > 0))
	{
		currentImageIndex = images.length;
	}
	
	var i = --currentImageIndex;
	
	var imgPreloader = new Image ();
	
	imgPreloader.onload = function ()
	{
		$ ('original').src = images[i];
		
		Element.hide ($ ('imagepreloader'));
		Effect.Appear('original', { duration: 0.5 });
	}
	
	imgPreloader.src = images[i];
	
	return false;
}