var currentSlide = 0;
var preloaded = new Array();

// loop through the slideArray and preload images
for(var i = 0; i < numberSlides; i++) {
	// preload image
	preloaded[i] = $('<img />').attr('src', 'images/slideshow/' + slideArray[i]);
}


$(document).ready(function(){	
	fadeSlideInOut();
});	
function fadeSlideInOut() {
	$("#slideShow").animate({height: slideHeightArray[currentSlide]}, 500);
    $("#slide").animate({opacity: 1}, 500);
    $("#slide_title").animate({opacity: 1}, 500);
	$("#slide").animate({opacity: 1}, 5000);
    $("#slide_title").animate({opacity: 1}, 5000);
	$("#slide").animate({opacity: 0}, 500);
    $("#slide_title").animate({opacity: 0}, 500, 'linear', function(){ swapSlide(); });
}
function swapSlide() {
	if(currentSlide < (numberSlides - 1)) {
		currentSlide++;
	}	else {
		currentSlide = 0;
	}			
	$("#slide").attr("src", "images/slideshow/" + slideArray[currentSlide]);
	$("#slide").attr("alt", slideTitleArray[currentSlide]);
	$("#slide").attr("title", slideTitleArray[currentSlide]);
	$("#slide_title").html(slideTitleArray[currentSlide]);			
	fadeSlideInOut();
}