var index = 0;
var imagePaths = new Array();
var navigatePaths = new Array();
var altTexts = new Array();
var images = new Array();
var start = true;

imagePaths[0] = "/Images/Headers/Virtualization.jpg";
imagePaths[1] = "/Images/Headers/Consolidation.jpg";
imagePaths[2] = "/Images/Headers/Migration.jpg";
imagePaths[3] = "/Images/Headers/Government.jpg";
imagePaths[4] = "/Images/Headers/Teamwork.jpg";

navigatePaths[0] = "/services/virtualization/";
navigatePaths[1] = "/services/consolidation/";
navigatePaths[2] = "/services/migration/";
navigatePaths[3] = "/government/";
navigatePaths[4] = "/services/teamwork/";

altTexts[0] = "Virtualization";
altTexts[1] = "Consolidation";
altTexts[2] = "Migration";
altTexts[3] = "Government";
altTexts[4] = "Teamwork";

for (i = 0; i < imagePaths.length; i++)
{
	images[i] = new Image();
	images[i].src = imagePaths[i];
}

function ImageRotator()
{
	var img1 = document.getElementById("imgHeader1");
	var img2 = document.getElementById("imgHeader2");

	if (index < images.length - 1)
		index++;
	else
		index = 0;

	if (!start)
	{
		if (img1.style.opacity == '0')
		{
			img1.src = images[index].src;
			img1.alt = altTexts[index];
		}
		else
		{
			img2.src = images[index].src;
			img2.alt = altTexts[index];
		}
	}

	fade(img1.id);
	fade(img2.id);

	start = false;
}

var TimeToFade = 1000.0;

function fade(id)
{
	var element = document.getElementById(id);
	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("animateFade(" + new Date().getTime() + ",'" + id + "')", 33);
	}
}

function animateFade(lastTick, id)
{
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;

	var element = document.getElementById(id);

	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;

		var prevIndex = index - 1;
		if (prevIndex < 0) prevIndex = images.length - 1;

		var prevLink = document.getElementById("hypNav_" + prevIndex);
		var link = document.getElementById("hypNav_" + index);
		var hyperlink = document.getElementById("hypImage");

		hyperlink.href = navigatePaths[index];
		prevLink.className = "";
		link.className = "selected";
		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("animateFade(" + curTick + ",'" + id + "')", 33);
}

function StartRotator()
{
	var img1 = document.getElementById("imgHeader1");
	var img2 = document.getElementById("imgHeader2");

	document.getElementById("hypNav_0").className = "selected";
	img1.src = images[0].src;
	img1.style.opacity = '1';
	img1.style.filter = 'alpha(opacity = 100)';

	img2.src = images[1].src;
	img2.style.opacity = '0';
	img2.style.filter = 'alpha(opacity = 0)';
	img2.style.display = "inline";

	setInterval('ImageRotator()', 7000);
}

if (window.addEventListener)
	window.addEventListener("load", StartRotator, false);
else if (window.attachEvent)
	window.attachEvent("onload", StartRotator);