$(document).ready(function(){
	
		var images = ['0.jpg','1.jpg','2.jpg','3.jpg','4.jpg','6.jpg','7.jpg','8.jpg','8.jpg','9.jpg','10.jpg'];
		var imageCount = images.length;
		var bannerObj = $('#middle');
		var bannerImages;
		var previousImageId = 1;
		var waitTime = 2000;
		var fadeTime = 4000;
		
		loadImage(1);
		
		function loadImage(id) {
			var thisImage = $('<img src="/_inc/img/homeslideshow/'+images.shift()+'" id="banner-image-'+id+'" alt="" class="hideimg" />').appendTo(bannerObj);
			$(thisImage).load(function(){
				if(images.length>0) { loadImage(id+1); } // load next image
				if(id==1) {
					$(thisImage).hide().removeClass('hideimg').fadeTo( (fadeTime/2) , 1, function(){
						animateImages(2);
					});
				} else {
					$(thisImage).hide().removeClass('hideimg');
				}
			});
		}
		
		function animateImages(id) {
			
			if(id==imageCount) {
				var nextImageId = 1;
			} else {
				var nextImageId = id+1;
			}
			
			var previousImage = $('#banner-image-'+previousImageId);
			var thisImage = $('#banner-image-'+id);
			
			if(thisImage) {
				$(thisImage).delay(waitTime).fadeIn(fadeTime);
				$(previousImage).delay(waitTime).fadeOut(fadeTime, function(){
					previousImageId = id;
					animateImages(nextImageId);
				});
			}
			
		}
	
	});