var images = ['images/tearsheets/overview.jpg', 'images/tearsheets/_MG_3143.jpg', 'images/tearsheets/_MG_3136.jpg', 'images/tearsheets/_MG_3131.jpg', 'images/tearsheets/_MG_3138.jpg'];
var index = 0;
var maxIndex = images.length - 1;

function switchSlide()
{
	var fadeOut = $('imageContainer').effect('opacity', {duration: 450, transition: Fx.Transitions.Quad.easeOut});
	var fadeIn = $('imageContainer').effect('opacity', {duration: 450, transition: Fx.Transitions.Quad.easeIn});
	
	fadeOut.start(1,0).chain(function()
	{
		if (index == 0)
		{
			$('theImage').setProperty('class', '');
		}
		else
		{
			$('theImage').setProperty('class', 'image-outline');
		}

		$('theImage').setProperty('src', images[index]);
		fadeIn.start(0,1);
	});
}

function previousSlide()
{
	if (--index < 0) index = maxIndex;
	switchSlide();
}

function nextSlide()
{
	if (++index > maxIndex) index = 0;
	switchSlide();
}

function decideSlide()
{
	var event = new Event
}

function setupSlides()
{
	var fadeOut = $('imageContainer').effect('opacity', {duration: 450, transition: Fx.Transitions.Quad.easeOut});
	var fadeIn = $('imageContainer').effect('opacity', {duration: 450, transition: Fx.Transitions.Quad.easeIn});
	
	fadeOut.start(1,0).chain(function()
	{
		$('theImage').setProperty('src', images[index]);
		fadeIn.start(0,1).chain(function()
		{
			$('leftContainer').addEvent('click', previousSlide);
			$('leftContainer').setStyle('cursor', 'pointer');
			$('leftContainer').setStyle('display', 'inline');
		
			$('imageContainer').addEvent('click', function(event)
			{
				var event = new Event(event);
				
				if (event.page.x < (window.getWidth() / 2))
					previousSlide();
				else
					nextSlide();
			});
			$('imageContainer').setStyle('cursor', 'pointer');
		
			$('rightContainer').addEvent('click', nextSlide);
			$('rightContainer').setStyle('cursor', 'pointer');
			$('rightContainer').setStyle('display', 'inline');
		});
	});
}

function preloadSlides()
{
	MM_preloadImages('images/tearsheets/overview.jpg', 'images/tearsheets/_MG_3143-small.jpg', 'images/tearsheets/_MG_3136-small.jpg', 'images/tearsheets/_MG_3131-small.jpg', 'images/tearsheets/_MG_3138.jpg-small', 'images/tearsheets/_MG_3143.jpg', 'images/tearsheets/_MG_3136.jpg', 'images/tearsheets/_MG_3131.jpg', 'images/tearsheets/_MG_3138.jpg');
}

window.addEvent('domready', preloadSlides);
window.addEvent('load', setupSlides);