$(document).ready(function() {

var mainCount = 2;
var smalllCount = 2;
var delayTime = 3000;

	$('#main-background').css('background-image', 'url(assets/images/animation/home_banner_lg_01.jpg)')
	$('#main-secondary').css({
		backgroundImage : 'url(assets/images/animation/home_banner_lg_02.jpg)',
		opacity : 0,
	});

	$('#small-background').css('background-image', 'url(assets/images/animation/home_banner_sm_01.jpg)')
	$('#small-secondary').css({
		backgroundImage : 'url(assets/images/animation/home_banner_sm_02.jpg)',
		opacity : 0,
	});

	function smallFader() {
		$('#small-secondary').animate({
			opacity : 1,
		}, "slow", function()	{
			var lastDroppedSmall = $("#small-secondary").css('background-image');
			var nextSmall ='url(assets/images/animation/home_banner_sm_0' + smalllCount + '.jpg)';
			$('#small-background').css('background-image', lastDroppedSmall);
			$('#small-secondary').css({ backgroundImage : nextSmall, opacity : 0});
			setTimeout(mainFader, delayTime);	
		});

		if (smalllCount == 3)	{ smalllCount = 1; }
		else { smalllCount += 1; }
	}

	function mainFader() {
		$('#main-secondary').animate({
			opacity : 1,
		}, "slow", function()	{
			var lastDroppedMain = $("#main-secondary").css('background-image');
			var nextMain = 'url(assets/images/animation/home_banner_lg_0' + mainCount + '.jpg)';
			$('#main-background').css('background-image', lastDroppedMain);
			$('#main-secondary').css({ backgroundImage : nextMain, opacity : 0 });
			setTimeout(smallFader, delayTime);	
		});

		if (mainCount == 3)	{ mainCount = 1; }
		else { mainCount += 1; }
	}	

//	because checking to see if background Images have loaded takes way too long
	function initialLoad() {	
		setTimeout(mainFader, 2500);
	};		
	
	initialLoad();

});