$(document).ready(function() {

  
	
	var images = [
		'helzel.jpg',
		'neukom.jpg',
		'grayhawk.jpg',
		'giersdorf.jpg',
		'squier.jpg',
		'vogel.jpg',
		'warm-springs.jpg',
		'helzel2.jpg',
		'wicklund.jpg',
		'carhart.jpg',
		'trail-creek.jpg',
	];
	
	var imageNames = [
		'Helzel Residence',
		'Neukom Residence',
		'Grayhawk Residences',
		'Giersdorf Residence',
		'Squier Residence',
		'Vogel Residence',
		'Warm Springs Residence',
		'Helzel Residence',
		'Wicklund Residence',
		'Carhart Residence',
		'Lodges at Trail Creek',
	];
	
	
	
	function switchAndAppear(elem, i) {
					
		i == images.length - 1 ? i = 0 : i++;
	
		$(elem)
			.attr({
				"src": 'images/slideshow/' + images[i],
				"alt": imageNames[i]
				})
			.delay(500)
			.fadeIn(1000, function() {
				disappear(this, i);
			});
	
	}

	
		
	function disappear(elem, i) {
	
		setTimeout(
			function() {
				$(elem).fadeOut(1000, function() {
					switchAndAppear(this, i);
				});		
			}, 6000);
	
	} 
	
	
	
	// set random initial slideshow image
	/*
	var p = Math.floor(Math.random() * (images.length + 1));
	
	$("#gallery-image")
	.attr({
		"src" : 'images/slideshow/' + images[p],
		"alt" : imageNames[p]
	});
	*/
	
	
	
	// start slideshow
	$("#gallery-image").delay(4000).fadeOut(1000, function() {
		switchAndAppear(this, 0);
	});
	
	
	
});