(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

var numSlides = 5;
var slideNum = 1;

function nextSlide() {
	var nextSlideNum = slideNum+1;
	if (nextSlideNum > numSlides) {
		nextSlideNum = 1;
	}
	window.setTimeout(function() {
		$('#circle'+slideNum).attr("src", "images/slides/black-circle.png");
		$('#circle'+nextSlideNum).attr("src", "images/slides/orange-circle.png");
	}, 500);
	
	$('#slide'+nextSlideNum)
	.css('z-index', 50)
	.fadeIn(1000, function() {
		$('#slide'+slideNum).hide();
		$('#slide'+nextSlideNum)
		.css('z-index', 1);
		slideNum = nextSlideNum;
	});
}

$('document').ready(function() {
	jQuery.preLoadImages("image1.gif", "images/slides/slide2.jpg");
	jQuery.preLoadImages("image1.gif", "images/slides/slide3.jpg");
	jQuery.preLoadImages("image1.gif", "images/slides/slide4.jpg");
	jQuery.preLoadImages("image1.gif", "images/slides/slide5.jpg");
	
	window.setInterval(nextSlide, 8000);
});