var images = ['images/recentwork/2_Aquarium.jpg', 'images/recentwork/3_GeorgiaDome.jpg', 'images/recentwork/4_KizerPerm.jpg', 'images/recentwork/1_WorldCongressCenter.jpg', 'images/recentwork/5_Atlanta.jpg'];
var titles = ['Georgia Aquarium', 'Georgia Dome', 'Kaiser Permanente', 'World Congress Center', 'One Atlantic Center'];
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()
	{
		$('theImage').setProperty('src', images[index]);
		fadeIn.start(0,1);
		$('titleContainer').setText(titles[index]);
	});
}

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('class', 'image-outline');
		$('theImage').setProperty('src', images[index]);
		fadeIn.start(0,1).chain(function()
		{
			$('titleContainer').setText(titles[index]);
	
			$('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/recentwork/2_Aquarium.jpg', 'images/recentwork/3_GeorgiaDome.jpg', 'images/recentwork/4_KizerPerm.jpg', 'images/recentwork/1_WorldCongressCenter.jpg', 'images/recentwork/5_Atlanta.jpg');
}

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