$(document).ready(function(){
	var images = $("#slideshow");
	var frame = $("#frame");
	var photo = $("#photo");	
	var numberOfPhotos = $("#slideshow img").length;
	cycle(makePhotoArray(numberOfPhotos), 1);
});

function cycle(photoArray, currentImage){
	var length = photoArray.length;
	if ( currentImage == length ){
		currentImage = 0;
	}
	$currentPhoto = photoArray[currentImage];
	$photoArray = photoArray;
	$currentImage = currentImage;
	setTimeout("fade($currentPhoto)", 1500);
	return setTimeout("cycle($photoArray, $currentImage + 1)", 3000);
}

function makePhotoArray(numberOfPhotos){
	var photoArray = new Array();
	for(var i = 0; i < numberOfPhotos; i++){
		var j = i + 1;
		if (i<10){
			photoArray[i] = "./bpimages/gallery/home/0" + j + ".jpg";
		}
		else photoArray[i] = "./bpimages/gallery/home/" + j + ".jpg";
	};
	return photoArray;
}

function fade(nextImage){
	$("#frame").css({ 'background-image': 'url(' + nextImage + ')' }); // Set next image as background.
	$("#photo").fadeOut('slow', function(){ 
		$("#photo").attr({'src': nextImage}); // Fade in the image.
		$("#photo").fadeIn('slow');
	});	
}