/**
 * Defines the slider images and starts the slider
 */
window.addEvent('domready', function()
{
	images = new Array();
	images.push("BR14.jpg");
	images.push("BR5.jpg");
	images.push("BR1.jpg");
	images.push("BR2.jpg");
	images.push("BR3.jpg");
	images.push("BR4.jpg");
	images.push("BR6.jpg");
	images.push("BR7.jpg");
	images.push("BR8.jpg");
	images.push("BR9.jpg");
	images.push("BR10.jpg");
	images.push("BR11.jpg");
	images.push("BR12.jpg");
	images.push("BR13.jpg");
	images.push("BR15.jpg");
	
	var imageFolder = "themes/brokenriver/images/slider/";
	var imageNumber = 0;
	
	loadImage(imageFolder, imageNumber);
});

/**
 * Loads the next imags
 */
function loadImage(imageFolder, imageNumber)
{
	var nextImage = new Asset.image
	(
	 	imageFolder + images[arrayLoop(images, imageNumber)],
		{
			/**
			 * Starts the timer after the image is loaded
			 */
			onload : function()
			{
				setTimeout("makeChange('" + imageFolder + "', " + imageNumber + ");", 5000);
			}
		}
	);
}

/**
 * Finds the next item in the loop
 */
function arrayLoop(array, current)
{
	var newCurrent = current + 1;
	if(newCurrent > (array.length - 1)) newCurrent = 0
	
	return newCurrent;
}

/**
 * Displays the sliding animation
 */
function makeChange(imageFolder, imageNumber)
{
	$("homeContent").setStyles(
	{
		backgroundPosition: '0px 0px',
		backgroundImage: 'url(' + imageFolder + images[imageNumber] + ')'
	}).tween('backgroundPosition', '-720px 0px');
	
	imageNumber = arrayLoop(images, imageNumber);
	
	$("slidingBackground").setStyles(
	{
		backgroundPosition: '960px 0px',
		backgroundImage: 'url(' + imageFolder + images[imageNumber] + ')'
	}).tween('backgroundPosition', '0px 0px');
	
	loadImage(imageFolder, imageNumber);
}