//	JavaScript/JQuery stuff for the slide show	//

var intSlideToShow = 0;

addListener("load",init);	//	Runs this when the page loads, if JS is enabled of course

function init()
{
	hideAllSlides();
	startSlideTimer();
}

function startSlideTimer()
{
	rotateSlide();
	tSlideTimer = setTimeout("startSlideTimer();", 17000);	//	A new slide every 17 seconds
}

function rotateSlide()
{
	fadeInSlide(intSlideToShow);	//	Fades in the slide.  This function call another routine fades out the slide making timing tricky
	intSlideToShow = intSlideToShow + 1;
	if (intSlideToShow > intNumberSlides)
	{
		intSlideToShow = 0;
	}
}

function fadeInSlide(intSlideToShow)
{
	intThisSlide = intSlideToShow;	//	Uses this variable as intSlideToShow is changed elsewhere
	switch (arrSlidePosition[intThisSlide])	//	The following uses JQuery calls (with callbacks)
	{
	case 0:
		$('#homeRightImage').fadeIn(3000,function() {
			$('#homeRightTextTwo').fadeIn(3000,function() {
				$('#homeRightTextOne').fadeIn(3000);
			});
		});
		break;
	case 1:
		$('#homeLeftImage').fadeIn(3000,function() {
			$('#homeLeftTextTwo').fadeIn(3000,function() {
				$('#homeLeftTextOne').fadeIn(3000);
			});
		});
		break;
	case 2:
		$('#homeBottomImage').fadeIn(3000,function() {
			$('#homeBottomTextTwo').fadeIn(3000,function() {
				$('#homeBottomTextOne').fadeIn(3000);
			});
		});
		break;
	case 3:
		$('#homeTopImage').fadeIn(3000,function() {
			$('#homeTopTextTwo').fadeIn(3000,function() {
				$('#homeTopTextOne').fadeIn(3000);
			});
		});
		break;
	}
	
	var tFadeOut=setTimeout("fadeOutSlide(intThisSlide);", 15000);
}	

function fadeOutSlide(intThisSlide)
{
	switch (arrSlidePosition[intThisSlide])	//	The following are JQuery calls (withcallbacks)
	{
	case 0:
		$('#homeRightTextOne').fadeOut(2000);
		$('#homeRightTextTwo').fadeOut(2000,function() {
			$('#homeRightImage').fadeOut(3000);
		});	
		break;
	case 1:
		$('#homeLeftTextOne').fadeOut(2000);
		$('#homeLeftTextTwo').fadeOut(2000,function() {
			$('#homeLeftImage').fadeOut(3000);
		});	
		break;
	case 2:
		$('#homeBottomTextOne').fadeOut(2000);
		$('#homeBottomTextTwo').fadeOut(2000,function() {
			$('#homeBottomImage').fadeOut(3000);
		});	
		break;
	case 3:
		$('#homeTopTextOne').fadeOut(2000);
		$('#homeTopTextTwo').fadeOut(2000,function() {
			$('#homeTopImage').fadeOut(3000);
		});	
		break;
	}
}

function hideAllSlides()
{	//	The following are JQuery calls
	$("#homeRightTextOne").hide("fast");
	$("#homeRightTextTwo").hide("fast");
	$("#homeRightImage").hide("fast");
	$("#homeLeftTextOne").hide("fast");
	$("#homeLeftTextTwo").hide("fast");
	$("#homeLeftImage").hide("fast");
	$("#homeBottomTextOne").hide("fast");
	$("#homeBottomTextTwo").hide("fast");
	$("#homeBottomImage").hide("fast");
	$("#homeTopTextOne").hide("fast");
	$("#homeTopTextTwo").hide("fast");
	$("#homeTopImage").hide("fast");
}