var currentImage = 0;

var numImages = 0;

var tagName = 'div#view-home div#slideshow img';

var fadeSpeed = 3000;

function fadeImage() {
	// 
	var image = $(tagName)[currentImage];

	// 
	$(image).animate({
		opacity: 0
	}, fadeSpeed, function() {
		// 
		$(tagName).each(function (index) {
			var currentZIndex = $(this).css("z-index");
			currentZIndex++;
			$(this).css("z-index", currentZIndex);
		});
		
		var fadedImage = $(tagName)[currentImage];
		
		$(fadedImage).css("z-index", "0");
		$(fadedImage).css("opacity", "1");
		
		currentImage++;
		
		if(	currentImage == numImages ) {
			currentImage = 0;
		}
		
		// 		
		fadeImage();
	});
}

// 
$(document).ready(function() {
	// 
	$(tagName).each(function (index) { numImages = index+1; });

	// 
	$(tagName).each(function (index) {
		$(this).css("z-index",numImages-index);
	});
	
	// START CROSSFADE
	fadeImage();		
});