// JavaScript Document
	var Images = 16;
	var Height = 500;
	var Width = 750;
	var WaitInterval = 2000; //Change me to change the time it takes to swap images. (time is in milliseconds
	var CurrentImage = 1;
	var BlurTimer;	
	var BlurCounter = 100; 
	var BlurLength = 10;  //Change the time it takes to blur the fade the images. (int stands for how many times to cycle each x milliseconds)
	var Swap = 1;
	var FirstRun = true;
	var PicArray = new Array();
	var Season;
	var dontrun = false;	
			
	for (x = 1; x < Images + 1; x++)
	{
		PicArray[x] = new Image(Width,Height); 
		PicArray[x].src = "images-slideshow/sports"+ x + ".jpg";
	}
	
	//Write the first image of the slideshow
	document.getElementById("slideshowImage1").style.background = "url(images-slideshow/sports" + 1 + ".jpg)";
	window.onload = new function(){
	setTimeout("Change();", WaitInterval);
	}

function Change()
{
	if (CurrentImage == Images)
			CurrentImage = 0;
	if (Swap == 0 || FirstRun)
	{
		document.getElementById("slideshowImage2").style.background = "url(images-slideshow/sports" + (CurrentImage + 1) + ".jpg)";		
	}
	else
	{
		document.getElementById("slideshowImage1").style.background = "url(images-slideshow/sports"  + (CurrentImage + 1) + ".jpg)";
	}
	CurrentImage++;
	Blur();
}
	
function Blur()
{	
	if(!dontrun)
		setTimeout("BlurMath()", BlurLength);	
}	

function pauseBlur()
{
	dontrun = true;
}

function runBlur()
{
	dontrun = false;
	Blur();
}
function BlurMath()
{
	for (x = 0; x < 2; x++)
	{
		if (Swap == 0 || FirstRun)
		{
			document.getElementById("slideshowImage1").style.filter = "alpha(opacity=" + BlurCounter + ")";
			document.getElementById("slideshowImage1").style.MozOpacity = BlurCounter/100;
			document.getElementById("slideshowImage1").style.opacity = BlurCounter/100;
			
			document.getElementById("slideshowImage2").style.visibility = "visible";
			document.getElementById("slideshowImage2").style.filter = "alpha(opacity=" + (100 - BlurCounter) + ")";
			document.getElementById("slideshowImage2").style.MozOpacity = (100 - BlurCounter)/100;
			document.getElementById("slideshowImage2").style.opacity = (100 - BlurCounter)/100;
			
		}
		else
		{
			
			document.getElementById("slideshowImage2").style.filter = "alpha(opacity=" + BlurCounter + ")";
			document.getElementById("slideshowImage2").style.MozOpacity = BlurCounter/100;
			document.getElementById("slideshowImage2").style.opacity = BlurCounter/100;
			
			document.getElementById("slideshowImage1").style.visibility = "visible";
			document.getElementById("slideshowImage1").style.filter = "alpha(opacity=" + (100 - BlurCounter) + ")";
			document.getElementById("slideshowImage1").style.MozOpacity = (100 - BlurCounter)/100;
			document.getElementById("slideshowImage1").style.opacity = (100 - BlurCounter)/100;
			
		}
	}
	if (BlurCounter <= 0)
	{
		
		if (Swap == 0 || FirstRun)
		{
			document.getElementById("slideshowImage1").style.visibility = "hidden";
			Swap = 1;
			
			FirstRun = false;
		}
		else
		{
			document.getElementById("slideshowImage2").style.visibility = "hidden";
			Swap = 0;
		}
		
		BlurCounter = 100;
		setTimeout("Change();", WaitInterval);
	}
	else
	{
		BlurCounter-=2;
		Blur();
	}
}
