$(document).ready(function(){
	
	// create an array to hold the image names
	var bannerImageNames = new Array(
		"casks.jpg",
		"champagne-glasses.jpg",
		"cherub.jpg",
		"cluizel.jpg",
		"ercrus.jpg",
		"grape-preparation.jpg",
		"grapes2.jpg",
		"grapes.jpg",
		"keg-tap.jpg",
		"macarolat.jpg",
		"maralumi.jpg",
		"pruning.jpg",
		"SignChevalBlanc.jpg",
		"SignTournefeuille.jpg",
		"table.jpg",
		"Vines2.jpg",
		"vines.jpg",
		"vineyard.jpg",
		"WineBottles2.jpg",
		"WineBottles3.jpg",
		"WineBottles.jpg",
		"worker.jpg"
	);
	
	var loadedImages = new Array();

	var animationSpeed = 150;
	var slideshowSpeed = 2500;

	var slideshowImage = $("#slideshow-image");
	var slideshowHolder = $("#SlideShow a");

	var pathToImages = "/images2007/bannerImages/";

	var currentImage = 0;

	var theTimer = null;

	pickRandomImage = function() {
		var nextImage = Math.floor(Math.random() * bannerImageNames.length);
		if ( nextImage == currentImage ) {
			nextImage = pickRandomImage();
		}
		return nextImage;
	}

	getNextImage = function() {
		var nextImage = pickRandomImage();
		if ( typeof loadedImages[nextImage] != "object" ) {
			// lets load the image
			var newImage = new Image(980,300);
			newImage.src = pathToImages + bannerImageNames[nextImage];
			loadedImages[nextImage] = newImage;
		}
		currentImage = nextImage;
	}

	swapImages = function() {
		clearTimeout( theTimer );
		slideshowHolder.fadeOut( animationSpeed, function() {
			slideshowHolder.empty();
			slideshowHolder.append(loadedImages[currentImage] );
			slideshowHolder.fadeIn( animationSpeed );
		});
		getNextImage();
		theTimer = setTimeout(handleTimeout, slideshowSpeed);
	};

	handleTimeout = function() {
		swapImages();
		currentImage = (currentImage + 1) % bannerImageNames.length;
		theTimer = setTimeout(handleTimeout, slideshowSpeed);
	};
	
	//getNextImage();
	//theTimer = setTimeout(handleTimeout, slideshowSpeed);

});