/**
 * fadeIn.js
 * 
 * A JavaScript Document
 * by BlackSpiderWebs.com
 * Copyright 2006, All Rights Reserved.
 */
 
//Initialize Variables

var img_path = "./images/";
image1 = new Image();
image2 = new Image();

//Set Arrays
var imgArray= new Array();
var fadeLinkArray = new Array();
var fadeTextArray = new Array();

imgArray[0] = image1;
imgArray[1] = image2;

//define the first (0th) picture/text/link in the html document
//define all others here: (I would have at most 3 or 4 frames to fade between)
function fadeInit() {
	//Pre-load Images
	image1.src = element("fadeIn").src;
	image2.src = img_path + "img_circuits_sm.jpg";

	fadeLinkArray[0] = element("fadeLink").href;
	fadeLinkArray[1] = "#?one";

	fadeTextArray[0] = element("fadeText").innerHTML;
	fadeTextArray[1] = "Our technology products and services complement the private, commercial, and government sectors.";
	
	fade();
}

var maxFades = 5; //modify to change the number of times the picture will change
var fades = 0; //a counter: the number "fadeIns" that have occured
var i = 0; //the index of the current image/text/link

function next() {
	var r = element("fadeIn");
	i = (i + 1) % imgArray.length;
	r.src = imgArray[i].src;
	element("fadeLink").href = fadeLinkArray[i];
	element("fadeText").innerHTML = fadeTextArray[i];
	if (++fades < maxFades) {
		fade();
	} else {
		doTrace("done");
	}
}

var stallTime = 2500; //increase to make a picture "stay put" longer (and vice versa)

function stall() {
	doTrace("stalling");
	setTimeout("doneStalling()", stallTime);
}

function doneStalling() {
	doTrace("doneStalling");
	opac = 0;
	next();
}

var timer; //the Timer Object (so we can call clearTimeout on it)
var opac = 0; //variable for current opacity of the picture
var opac_inc = 2; //increase for a more drastic fade-in (and vice versa)
var fade_time = 50; //decrease for a quicker fade-in

function fade() {
	if (opac < 100) {
		var r = element("fadeIn");
		r.style.filter="alpha(Opacity=" + opac + ")";
		opac += opac_inc;
		timer = setTimeout("fade()", fade_time);
	} else {
		stall();
	}
}

function stop() {
	var r = element("fadeIn");
	r.style.filter="alpha(Opacity=" + 100 + ")";
	clearTimeout(timer);
}