// Image Transition using Jquery.
// David Andrews 2008
// Version 0.4


//var phpFolder  = "/php/";						// Relative path to PHP file (readimages.php).
var folderName = "/sliderimages/"; 				// Relative path to images folder.
var transitionTime = 2500;					// Transition Time. 
var pauseTime = 5000;          			// wait time between transitions.
var firstImage = "sl_ironbridge.jpg";			// First Image is not random.
var folderRead = false;						// If set to true will read images from folder othewise populate the imageList[] array manually
var random = false;							// Will randomise image display if true false will run through in array order as defined below.

// Add images here when setting folderRead = False
var imageList = ["sl_ironbridge.jpg",
			 "sl_veg.jpg",
			 "sl_jam.jpg",
			 "sl_poppies.jpg",
			 "sl_veg2.jpg",
			 "sl_cheese.jpg",
			 "sl_severn.jpg",
			 "sl_honey.jpg",			 
			 "sl_eggs.jpg",
			 "sl_field.jpg",
			// "sl_oil.jpg",
			 "sl_wine.jpg"
			 ];


// No configuration under this line -------------------------------------------------------------------------

var imageIndex = 0;

$(document).ready(function()
{
	$("#main").attr("src",folderName +  firstImage);
	$("#main").after("<img id='transition' class='main' src='' style='display : none;'>");
	
	newImage = selectImage();
	
	$("#transition").attr("src",newImage);
	
	setTimeout("imageSwap()",pauseTime);
});


function imageSwap()
{

	var newImage = selectImage();

	$("#main").fadeOut(transitionTime);
	$("#transition").fadeIn(transitionTime, function()
	{
		$("#main").attr("src",$(this).attr("src")).attr("style","");
		$(this).attr("style","display :none;").attr("src",newImage);	
	});
	
	setTimeout("imageSwap()", pauseTime);
}

function selectImage()
{
	var key = imageList.length;
	//var newIndex = imageIndex;
	//$.cookie("image",imageIndex);
	

	
	if (imageIndex == key - 1)
	{
		imageIndex = 0;
	}
	else
	{
		imageIndex++;
	}
	
	return folderName + imageList[imageIndex];
}