//jquery_indexpage.js
// the custom jquery for Haley House site


	var numImages = 6;
	var prevImage = 0;
	var indexImage = 0;
    var imageArray = ['#mainimage0', '#mainimage1', '#mainimage2', '#mainimage3', '#mainimage4', '#mainimage5'];


$(document).ready(function(){

	// Aspect ratio of images is 1.6:1
	var effectiveHeight = $('#rightpanelindex').height();
	var effectiveWidth = $('#rightpanelindex').width() - 345;
	if (effectiveHeight > (effectiveWidth / 1.6)) {
		$('#mainimage0').css('width', '');
		$('#mainimage0').css('height', effectiveHeight + 'px');
		$('#mainimage1').css('width', '');
		$('#mainimage1').css('height', effectiveHeight + 'px');
		$('#mainimage2').css('width', '');
		$('#mainimage2').css('height', effectiveHeight + 'px');
		$('#mainimage3').css('width', '');
		$('#mainimage3').css('height', effectiveHeight + 'px');
		$('#mainimage4').css('width', '');
		$('#mainimage4').css('height', effectiveHeight + 'px');
		$('#mainimage5').css('width', '');
		$('#mainimage5').css('height', effectiveHeight + 'px');
	}
	else {
		$('#mainimage0').css('width', effectiveWidth + 'px');
		$('#mainimage0').css('height', '');
		$('#mainimage1').css('width', effectiveWidth + 'px');
		$('#mainimage1').css('height', '');
		$('#mainimage2').css('width', effectiveWidth + 'px');
		$('#mainimage2').css('height', '');
		$('#mainimage3').css('width', effectiveWidth + 'px');
		$('#mainimage3').css('height', '');
		$('#mainimage4').css('width', effectiveWidth + 'px');
		$('#mainimage4').css('height', '');
		$('#mainimage5').css('width', effectiveWidth + 'px');
		$('#mainimage5').css('height', '');
	}

	
	$(window).resize(function() {
		var effectiveHeight = $('body').height();
		var effectiveWidth = $('body').width() - 345;
		if (effectiveHeight > (effectiveWidth / 1.6)) {
			$('#mainimage0').css('width', '');
			$('#mainimage0').css('height', effectiveHeight + 'px');
			$('#mainimage1').css('width', '');
			$('#mainimage1').css('height', effectiveHeight + 'px');
			$('#mainimage2').css('width', '');
			$('#mainimage2').css('height', effectiveHeight + 'px');
			$('#mainimage3').css('width', '');
			$('#mainimage3').css('height', effectiveHeight + 'px');
			$('#mainimage4').css('width', '');
			$('#mainimage4').css('height', effectiveHeight + 'px');
			$('#mainimage5').css('width', '');
			$('#mainimage5').css('height', effectiveHeight + 'px');
		}
		else {
			$('#mainimage0').css('width', effectiveWidth + 'px');
			$('#mainimage0').css('height', '');
			$('#mainimage1').css('width', effectiveWidth + 'px');
			$('#mainimage1').css('height', '');
			$('#mainimage2').css('width', effectiveWidth + 'px');
			$('#mainimage2').css('height', '');
			$('#mainimage3').css('width', effectiveWidth + 'px');
			$('#mainimage3').css('height', '');
			$('#mainimage4').css('width', effectiveWidth + 'px');
			$('#mainimage4').css('height', '');
			$('#mainimage5').css('width', effectiveWidth + 'px');
			$('#mainimage5').css('height', '');
			
		}

	});
	
	// Load the rest of the images
	$('#mainimage1').attr('src', '/images/home_2.jpg');
	$('#mainimage2').attr('src', '/images/home_3.jpg');
	$('#mainimage3').attr('src', '/images/home_4.jpg');
	$('#mainimage4').attr('src', '/images/home_5.jpg');
	$('#mainimage5').attr('src', '/images/home_6.jpg');
	setTimeout('updatePhoto()', 5000);
	
	

});

function updatePhoto()
{
	prevImage = indexImage;
	indexImage++;
	if (indexImage >= numImages)
	{
		indexImage = 0;
	}
	$(imageArray[indexImage]).fadeIn('slow'); 
	$(imageArray[prevImage]).fadeOut('slow'); 
	
	setTimeout('updatePhoto()', 5000);
}