//launch page
window.onload=init

//control page load sequence and timing
function init()
{


function fillBanner(number)
{
var img = document.createElement('img');
var banner = document.getElementById('banner');
var id = "t" + number;
img.setAttribute('id', id);
img.setAttribute('class', "hidden");
var url = "images/main/home_" + number + "top.jpg";
img.setAttribute('src', url);
banner.appendChild(img);
}

function fillContentAlt(number)
{
var img = document.createElement('img');
var banner = document.getElementById('contentAlt');
var id = "b" + number;
img.setAttribute('id', id);
img.setAttribute('class', "hidden");
var url = "images/main/home_" + number + "bottom.jpg";
img.setAttribute('src', url);
banner.appendChild(img);
}

var i=2;
while (i<=23)
	{
	fillBanner(i);
	fillContentAlt(i);
	i++;
	}

//actually start animating

	setTimeout(stepOne,4000);
	setTimeout(stepTwo,7000);
	setTimeout(stepThree,10000);
	setTimeout(stepFour,13000);
	setTimeout(stepFive,16000);
	setTimeout(stepSix,19000);
	setTimeout(stepSeven,22000);
	setTimeout(stepEight,25000);
	setTimeout(stepNine,28000);
	setTimeout(stepTen,31000);
	setTimeout(stepEleven,34000);
	setTimeout(stepTwelve,37000);
	setTimeout(stepThirteen,40000);
	setTimeout(stepFourteen,43000);
	setTimeout(stepFifteen,46000);
	setTimeout(stepSixteen,49000);
	setTimeout(stepSeventeen,52000);
	setTimeout(stepEighteen,55000);
	setTimeout(stepNineteen,58000);
	setTimeout(stepTwenty,61000);
	setTimeout(stepTwentyone,64000);
	setTimeout(stepTwentytwo,67000);
	setTimeout(stepTwentythree,70000);
	setTimeout(stepOne,74000);
	setTimeout(stepTwo,77000);
	setTimeout(stepThree,80000);
	setTimeout(stepFour,83000);
	setTimeout(stepFive,86000);
	setTimeout(stepSix,89000);
	setTimeout(stepSeven,92000);
	setTimeout(stepEight,95000);
	setTimeout(stepNine,98000);
	setTimeout(stepTen,91000);
	setTimeout(stepEleven,94000);
	setTimeout(stepTwelve,97000);
	setTimeout(stepThirteen,100000);
	setTimeout(stepFourteen,103000);
	setTimeout(stepFifteen,106000);
	setTimeout(stepSixteen,109000);
	setTimeout(stepSeventeen,112000);
	setTimeout(stepEighteen,115000);
	setTimeout(stepNineteen,118000);
	setTimeout(stepTwenty,121000);
	setTimeout(stepTwentyone,124000);
	setTimeout(stepTwentytwo,127000);
	setTimeout(stepTwentythree,130000);
	setTimeout(stepOne,134000);
	setTimeout(stepTwo,137000);
	setTimeout(stepThree,140000);
	setTimeout(stepFour,143000);
	setTimeout(stepFive,146000);
	setTimeout(stepSix,149000);
	setTimeout(stepSeven,152000);
	setTimeout(stepEight,155000);
	setTimeout(stepNine,158000);
	setTimeout(stepTen,161000);
	setTimeout(stepEleven,164000);
	setTimeout(stepTwelve,167000);
	setTimeout(stepThirteen,170000);
	setTimeout(stepFourteen,173000);
	setTimeout(stepFifteen,176000);
	setTimeout(stepSixteen,179000);
	setTimeout(stepSeventeen,182000);
	setTimeout(stepEighteen,185000);
	setTimeout(stepNineteen,188000);
	setTimeout(stepTwenty,191000);
	setTimeout(stepTwentyone,194000);
	setTimeout(stepTwentytwo,197000);
	setTimeout(stepTwentythree,200000);
}


function stepOne()
{
document.getElementById("t2").setAttribute('class', 'showLow');
document.getElementById("b2").setAttribute('class', 'showLow');
fadeOpacity("t2", 20, 100, 500, 24);
fadeOpacity("b2", 20, 100, 500, 24);
fadeOpacity("t1", 100, 20, 500, 24);
fadeOpacity("b1", 100, 20, 500, 24);
setTimeout("document.getElementById('t1').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b1').setAttribute('class', 'hidden');", 650)
}

function stepTwo()
{
document.getElementById("t3").setAttribute('class', 'showLow');
document.getElementById("b3").setAttribute('class', 'showLow');
fadeOpacity("t3", 20, 100, 500, 24);
fadeOpacity("b3", 20, 100, 500, 24);
fadeOpacity("t2", 100, 20, 500, 24);
fadeOpacity("b2", 100, 20, 500, 24);
setTimeout("document.getElementById('t2').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b2').setAttribute('class', 'hidden');", 650)
}
function stepThree()
{
document.getElementById("t4").setAttribute('class', 'showLow');
document.getElementById("b4").setAttribute('class', 'showLow');
fadeOpacity("t4", 20, 100, 500, 24);
fadeOpacity("b4", 20, 100, 500, 24);
fadeOpacity("t3", 100, 20, 500, 24);
fadeOpacity("b3", 100, 20, 500, 24);
setTimeout("document.getElementById('t3').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b3').setAttribute('class', 'hidden');", 650)
}
function stepFour()
{
document.getElementById("t5").setAttribute('class', 'showLow');
document.getElementById("b5").setAttribute('class', 'showLow');
fadeOpacity("t5", 20, 100, 500, 24);
fadeOpacity("b5", 20, 100, 500, 24);
fadeOpacity("t4", 100, 20, 500, 24);
fadeOpacity("b4", 100, 20, 500, 24);
setTimeout("document.getElementById('t4').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b4').setAttribute('class', 'hidden');", 650)
}
function stepFive()
{
document.getElementById("t6").setAttribute('class', 'showLow');
document.getElementById("b6").setAttribute('class', 'showLow');
fadeOpacity("t6", 20, 100, 500, 24);
fadeOpacity("b6", 20, 100, 500, 24);
fadeOpacity("t5", 100, 20, 500, 24);
fadeOpacity("b5", 100, 20, 500, 24);
setTimeout("document.getElementById('t5').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b5').setAttribute('class', 'hidden');", 650)
}
function stepSix()
{
document.getElementById("t7").setAttribute('class', 'showLow');
document.getElementById("b7").setAttribute('class', 'showLow');
fadeOpacity("t7", 20, 100, 500, 24);
fadeOpacity("b7", 20, 100, 500, 24);
fadeOpacity("t6", 100, 20, 500, 24);
fadeOpacity("b6", 100, 20, 500, 24);
setTimeout("document.getElementById('t6').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b6').setAttribute('class', 'hidden');", 650)
}
function stepSeven()
{
document.getElementById("t8").setAttribute('class', 'showLow');
document.getElementById("b8").setAttribute('class', 'showLow');
fadeOpacity("t8", 20, 100, 500, 24);
fadeOpacity("b8", 20, 100, 500, 24);
fadeOpacity("t7", 100, 20, 500, 24);
fadeOpacity("b7", 100, 20, 500, 24);
setTimeout("document.getElementById('t7').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b7').setAttribute('class', 'hidden');", 650)
}
function stepEight()
{
document.getElementById("t9").setAttribute('class', 'showLow');
document.getElementById("b9").setAttribute('class', 'showLow');
fadeOpacity("t9", 20, 100, 500, 24);
fadeOpacity("b9", 20, 100, 500, 24);
fadeOpacity("t8", 100, 20, 500, 24);
fadeOpacity("b8", 100, 20, 500, 24);
setTimeout("document.getElementById('t8').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b8').setAttribute('class', 'hidden');", 650)
}
function stepNine()
{
document.getElementById("t10").setAttribute('class', 'showLow');
document.getElementById("b10").setAttribute('class', 'showLow');
fadeOpacity("t10", 20, 100, 500, 24);
fadeOpacity("b10", 20, 100, 500, 24);
fadeOpacity("t9", 100, 20, 500, 24);
fadeOpacity("b9", 100, 20, 500, 24);
setTimeout("document.getElementById('t9').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b9').setAttribute('class', 'hidden');", 650)
}

function stepTen()
{
document.getElementById("t11").setAttribute('class', 'showLow');
document.getElementById("b11").setAttribute('class', 'showLow');
fadeOpacity("t11", 20, 100, 500, 24);
fadeOpacity("b11", 20, 100, 500, 24);
fadeOpacity("t10", 100, 20, 500, 24);
fadeOpacity("b10", 100, 20, 500, 24);
setTimeout("document.getElementById('t10').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b10').setAttribute('class', 'hidden');", 650)
}
function stepEleven()
{
document.getElementById("t12").setAttribute('class', 'showLow');
document.getElementById("b12").setAttribute('class', 'showLow');
fadeOpacity("t12", 20, 100, 500, 24);
fadeOpacity("b12", 20, 100, 500, 24);
fadeOpacity("t11", 100, 20, 500, 24);
fadeOpacity("b11", 100, 20, 500, 24);
setTimeout("document.getElementById('t11').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b11').setAttribute('class', 'hidden');", 650)
}
function stepTwelve()
{
document.getElementById("t13").setAttribute('class', 'showLow');
document.getElementById("b13").setAttribute('class', 'showLow');
fadeOpacity("t13", 20, 100, 500, 24);
fadeOpacity("b13", 20, 100, 500, 24);
fadeOpacity("t12", 100, 20, 500, 24);
fadeOpacity("b12", 100, 20, 500, 24);
setTimeout("document.getElementById('t12').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b12').setAttribute('class', 'hidden');", 650)
}
function stepThirteen()
{
document.getElementById("t14").setAttribute('class', 'showLow');
document.getElementById("b14").setAttribute('class', 'showLow');
fadeOpacity("t14", 20, 100, 500, 24);
fadeOpacity("b14", 20, 100, 500, 24);
fadeOpacity("t13", 100, 20, 500, 24);
fadeOpacity("b13", 100, 20, 500, 24);
setTimeout("document.getElementById('t13').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b13').setAttribute('class', 'hidden');", 650)
}
function stepFourteen()
{
document.getElementById("t15").setAttribute('class', 'showLow');
document.getElementById("b15").setAttribute('class', 'showLow');
fadeOpacity("t15", 20, 100, 500, 24);
fadeOpacity("b15", 20, 100, 500, 24);
fadeOpacity("t14", 100, 20, 500, 24);
fadeOpacity("b14", 100, 20, 500, 24);
setTimeout("document.getElementById('t14').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b14').setAttribute('class', 'hidden');", 650)
}
function stepFifteen()
{
document.getElementById("t16").setAttribute('class', 'showLow');
document.getElementById("b16").setAttribute('class', 'showLow');
fadeOpacity("t16", 20, 100, 500, 24);
fadeOpacity("b16", 20, 100, 500, 24);
fadeOpacity("t15", 100, 20, 500, 24);
fadeOpacity("b15", 100, 20, 500, 24);
setTimeout("document.getElementById('t15').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b15').setAttribute('class', 'hidden');", 650)
}
function stepSixteen()
{
document.getElementById("t17").setAttribute('class', 'showLow');
document.getElementById("b17").setAttribute('class', 'showLow');
fadeOpacity("t17", 20, 100, 500, 24);
fadeOpacity("b17", 20, 100, 500, 24);
fadeOpacity("t16", 100, 20, 500, 24);
fadeOpacity("b16", 100, 20, 500, 24);
setTimeout("document.getElementById('t16').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b16').setAttribute('class', 'hidden');", 650)
}
function stepSeventeen()
{
document.getElementById("t18").setAttribute('class', 'showLow');
document.getElementById("b18").setAttribute('class', 'showLow');
fadeOpacity("t18", 20, 100, 500, 24);
fadeOpacity("b18", 20, 100, 500, 24);
fadeOpacity("t17", 100, 20, 500, 24);
fadeOpacity("b17", 100, 20, 500, 24);
setTimeout("document.getElementById('t17').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b17').setAttribute('class', 'hidden');", 650)
}
function stepEighteen()
{
document.getElementById("t19").setAttribute('class', 'showLow');
document.getElementById("b19").setAttribute('class', 'showLow');
fadeOpacity("t19", 20, 100, 500, 24);
fadeOpacity("b19", 20, 100, 500, 24);
fadeOpacity("t18", 100, 20, 500, 24);
fadeOpacity("b18", 100, 20, 500, 24);
setTimeout("document.getElementById('t18').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b18').setAttribute('class', 'hidden');", 650)
}

function stepNineteen()
{
document.getElementById("t20").setAttribute('class', 'showLow');
document.getElementById("b20").setAttribute('class', 'showLow');
fadeOpacity("t20", 20, 100, 500, 24);
fadeOpacity("b20", 20, 100, 500, 24);
fadeOpacity("t19", 100, 20, 500, 24);
fadeOpacity("b19", 100, 20, 500, 24);
setTimeout("document.getElementById('t19').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b19').setAttribute('class', 'hidden');", 650)
}
function stepTwenty()
{
document.getElementById("t21").setAttribute('class', 'showLow');
document.getElementById("b21").setAttribute('class', 'showLow');
fadeOpacity("t21", 20, 100, 500, 24);
fadeOpacity("b21", 20, 100, 500, 24);
fadeOpacity("t20", 100, 20, 500, 24);
fadeOpacity("b20", 100, 20, 500, 24);
setTimeout("document.getElementById('t20').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b20').setAttribute('class', 'hidden');", 650)
}
function stepTwentyone()
{
document.getElementById("t22").setAttribute('class', 'showLow');
document.getElementById("b22").setAttribute('class', 'showLow');
fadeOpacity("t22", 20, 100, 500, 24);
fadeOpacity("b22", 20, 100, 500, 24);
fadeOpacity("t21", 100, 20, 500, 24);
fadeOpacity("b21", 100, 20, 500, 24);
setTimeout("document.getElementById('t21').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b21').setAttribute('class', 'hidden');", 650)
}
function stepTwentytwo()
{
document.getElementById("t23").setAttribute('class', 'showLow');
document.getElementById("b23").setAttribute('class', 'showLow');
fadeOpacity("t23", 20, 100, 500, 24);
fadeOpacity("b23", 20, 100, 500, 24);
fadeOpacity("t22", 100, 20, 500, 24);
fadeOpacity("b22", 100, 20, 500, 24);
setTimeout("document.getElementById('t22').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b22').setAttribute('class', 'hidden');", 650)
}
function stepTwentythree()
{
document.getElementById("t1").setAttribute('class', 'showInit');
document.getElementById("b1").setAttribute('class', 'showInit');
fadeOpacity("t1", 20, 100, 500, 24);
fadeOpacity("b1", 20, 100, 500, 24);
fadeOpacity("t23", 100, 20, 500, 24);
fadeOpacity("b23", 100, 20, 500, 24);
setTimeout("document.getElementById('t23').setAttribute('class', 'hidden');", 650)
setTimeout("document.getElementById('b23').setAttribute('class', 'hidden');", 650)
}



function setOpacity(elem, opacityAsInt)
{
	var opacityAsDecimal = opacityAsInt;
	
	if (opacityAsInt > 100)
		opacityAsInt = opacityAsDecimal = 100; 
	else if (opacityAsInt < 0)
		opacityAsInt = opacityAsDecimal = 0; 
	
	opacityAsDecimal /= 100;
	if (opacityAsInt < 1)
		opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
	
	elem.style.opacity = opacityAsDecimal;
	elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
}

function fadeOpacity(elemId, fromOpacity, toOpacity, time, fps)
{
	var steps = Math.ceil(fps * (time / 1000));
	var delta = (toOpacity - fromOpacity) / steps;
	
	fadeOpacityStep(elemId, 0, steps, fromOpacity, delta, (time / steps));
}

function fadeOpacityStep(elemId, stepNum, steps, fromOpacity, delta, timePerStep)
{
    setOpacity(document.getElementById(elemId), Math.round(parseInt(fromOpacity) + (delta * stepNum)));

    if (stepNum < steps)
        setTimeout("fadeOpacityStep('" + elemId + "', " + (stepNum+1) + ", " + steps + ", " + fromOpacity + ", " + delta + ", " + timePerStep + ");", timePerStep);
}