var currentImage = 0;

var imageList = new Array();
imageList[0] = "/images/home-image-1.jpg";
imageList[1] = "/images/home-image-2.jpg";
imageList[2] = "/images/home-image-3.jpg";

var linkList = new Array();
linkList[0] = "/page.asp?id=13";
linkList[1] = "/page.asp?id=76";
linkList[2] = "/News.asp?id=537";

var fID = "forwardImage";
var bID = "backImage";

function clickclear(thisfield, defaulttext)
{
	if (thisfield.value == defaulttext)
	{
		thisfield.value = "";
		thisfield.style.color = "#000000";
	}
}

function clickrecall(thisfield, defaulttext)
{
	if (thisfield.value == "")
	{
		thisfield.style.color = "#a0a0a0";
		thisfield.value = defaulttext;
	}
}

var TimeToFade = 700.0;

function fadeOut(eid, newImage)
{
	var element = document.getElementById(eid);
	
	if(element == null)
	{
		return;
	}
	
	if(element.FadeState == null)
	{
		if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1')
		{
			element.FadeState = 2;
		}
		else
		{
			element.FadeState = -2;
		}
	}
	
	if(element.FadeState == 1 || element.FadeState == -1)
	{
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	}
	else
	{
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout("animateFadeOut(" + new Date().getTime() + ",'" + eid + "', '" + newImage + "')", 33);
	}
}

function animateFadeOut(lastTick, eid, newImage)
{
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
	
	var element = document.getElementById(eid);
	
	if(element.FadeTimeLeft <= elapsedTicks)
	{
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = '
			+ (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		
		changeImage(eid, newImage);
		return;
	}
	
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if(element.FadeState == 1)
	{
		newOpVal = 1 - newOpVal;
	}
	
	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
	
	setTimeout("animateFadeOut(" + curTick + ",'" + eid + "', '" + newImage + "')", 33);
}

function changeImage(eid, newImage)
{
	var foregroundEle = document.getElementById(eid);
	
	foregroundEle.style.backgroundImage = "url( " + newImage + " )";
	
	fadeIn(eid);
}

function fadeIn(eid)
{
	var element = document.getElementById(eid);
	
	if(element == null)
	{
		return;
	}
	
	if(element.FadeState == null)
	{
		if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1')
		{
			element.FadeState = 2;
		}
		else
		{
			element.FadeState = -2;
		}
	}
	
	if(element.FadeState == 1 || element.FadeState == -1)
	{
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	}
	else
	{
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout("animateFadeIn(" + new Date().getTime() + ",'" + eid + "')", 33);
	}
}

function animateFadeIn(lastTick, eid)
{  
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
	
	var element = document.getElementById(eid);
	
	if(element.FadeTimeLeft <= elapsedTicks)
	{
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = '
			+ (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		
		tick();
		return;
	}
	
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if(element.FadeState == 1)
	{
		newOpVal = 1 - newOpVal;
	}
	
	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
	
	setTimeout("animateFadeIn(" + curTick + ",'" + eid + "')", 33);
}

function transferImage()
{
	var backgroundEle = document.getElementById(bID);
	var foregroundEle = document.getElementById(fID);
	
	backgroundEle.style.backgroundImage = "url( " + imageList[currentImage] + " )";
	foregroundEle.href = linkList[currentImage];
	backgroundEle.href = linkList[currentImage];
	
	fadeOut(fID, imageList[currentImage]);
}

function kickOff()
{	
	var foregroundEle = document.getElementById(fID);
	
	foregroundEle.style.backgroundImage = "url( " + imageList[currentImage] + " )";
	foregroundEle.href = linkList[currentImage];
	
	tick();
}

function tick()
{
	if(currentImage < (imageList.length - 1))
	{
		currentImage++;
	}
	else
	{
		currentImage = 0;
	}
	setTimeout("transferImage()", 4000);
}