// JavaScript Document

var z = 0;
var pic_d = new Image(25,25); 
var pic_e = new Image(25,25); 

function GetDomObj(name)	// Supports all browsers except for nested layers in Netscape 4
{
	if (document.getElementById)
	{
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all)
	{
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers)
	{
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

function ChangeText(obj, text)
{
	var domObj = new GetDomObj(obj);
	domObj.obj.innerHTML = text;
}
function ChangeImage(obj, image)
{
	var domObj = new GetDomObj(obj);
	domObj.obj.src = image;
	PreLoadNextImage();
//	document.images.iD.src = aD[j][1];
}
function PreLoadNextImage() {
	var i;
	
	i = d + 1;
	if (i == aD.length) i = 0;
//	alert("i = " + i + " " + aD[i][2]);
	if (aD[i][2] == 0) {
		pic_d.src = aD[i][1];
		aD[i][2] = 1;
	}

	i = e + 1;
	if (i == aE.length) i = 0;
	if (aE[i][2] == 0) {
		pic_e.src = aE[i][1];
		aE[i][2] = 1;
	}
}


function FadeD()
{
	SetColour(0, "tD");
	SetOpacity(0, "iD");
	ChangeText("tD", aD[d][0]);
	ChangeImage("iD", aD[d][1]);
	FadeOpacity("D", 0, 100, 800);
	ChangeText("nD", d + 1);	
}
function ChangeD()
{
	clearTimeout(t);
	t = setTimeout("FadePanels()", 10000);
	ChangeText("tD", aD[d][0]);
	ChangeImage("iD", aD[d][1]);
	ChangeText("nD", d + 1);	
}
function FadeNextD()
{
	d++;
	if (d == aD.length) d = 0;
	FadeD();
}
function NextD()
{
	d++;
	if (d == aD.length) d = 0;
	ChangeD();
}
function PrevD()
{
	d--;
	if (d < 0) d = aD.length - 1;
	ChangeD();
}

function FadeE()
{
	SetColour(0, "tE");
	SetOpacity(0, "iE");
	ChangeText("tE", aE[e][0]);
	ChangeImage("iE", aE[e][1]);
	FadeOpacity("E", 0, 100, 800);
	ChangeText("nE", e + 1);	
}
function ChangeE()
{
	clearTimeout(t);
	t = setTimeout("FadePanels()", 10000);
	ChangeText("tE", aE[e][0]);
	ChangeText("nE", e + 1);	
	ChangeImage("iE", aE[e][1]);
}
function FadeNextE()
{
	e++;
	if (e == aE.length) e = 0;
	FadeE();
}
function NextE()
{
	e++;
	if (e == aE.length) e = 0;
	ChangeE();
}
function PrevE()
{
	e--;
	if (e < 0) e = aE.length - 1;
	ChangeE();
}

function ChangeF()
{
	clearTimeout(t);
	t = setTimeout("FadePanels()", 10000);
	ChangeText("tF", aF[f][0]);
	ChangeText("nF", f + 1);	
}
function NextF()
{
	f++;
	if (f == aF.length) f = 0;
	ChangeF();
}
function PrevF()
{
	f--;
	if (f < 0) f = aF.length - 1;
	ChangeF();
}


function FadeOpacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 50);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i = i - 2) {
            setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i = i + 2)
            {
            setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function ChangeOpacity(opacity, id) {
	SetOpacity(opacity, "i" + id);
	SetColour(opacity, "t" + id);
}

//change the opacity for different browsers
function SetOpacity(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function SetColour(opacity, id) { 
	var hex = 255 - Math.round(opacity * 1.53);		// Hex #666 is decimal 102
	document.getElementById(id).style.color = "rgb("+hex+","+hex+","+hex+")";
}


function FadePanels() {
	t = setTimeout("FadePanels()", 7500);
	if (z == 0) {
		FadeNextD();
		z = 1;
	}
	else {
		FadeNextE();
		z = 0;
	}
}

t = setTimeout("FadePanels()", 8500);
PreLoadNextImage();