// Thanks to Paranoid Ferret Productions for the tutorial!
// http://blog.paranoidferret.com

var start_opacity = .25;
var fading_time = 1000.0;
var fade_delay = 750.0;

function fadeIt(the_div) {
	var the_element = document.getElementById(the_div);
	if (the_element.isPau == null) {
		the_element.isPau = false;
	}
	if (the_element.isFading == null) {
		the_element.isFading = false;
	}
	if (the_element.isPau == false && the_element.isFading == false) {
		the_element.isFading = true;
		the_element.fadeTimeLeft = fading_time;
		setTimeout("fadeAnimation(" + new Date().getTime() + ",'" + the_div + "')", 33);
	} 
}

function fadeAnimation(previous_interval, the_div) {
	var the_element = document.getElementById(the_div);
	var this_interval = new Date().getTime();
	var time_lapse = this_interval - previous_interval;
	if (the_element.fadeTimeLeft <= time_lapse) {
		the_element.style.opacity = 1;
		the_element.style.filter = 'alpha(opacity = 100)';
		the_element.isPau = true;
		the_element.isFading = false;
		return;
	}
	the_element.fadeTimeLeft -= time_lapse;
	var new_opacity = 1 - the_element.fadeTimeLeft/fading_time;
	the_element.style.opacity = start_opacity + new_opacity;
	the_element.style.filter = 'alpha(opacity = ' + ((start_opacity + new_opacity) * 100) + ')';
	setTimeout("fadeAnimation(" + this_interval + ",'" + the_div + "')", 33);
}

function fadeInAll() {
	setTimeout ("fadeIt('overlay1')", 1);
	setTimeout ("fadeIt('overlay2')", fade_delay);
	setTimeout ("fadeIt('overlay3')", fade_delay*2);
	setTimeout ("fadeIt('overlay4')", fade_delay*3);
	setTimeout ("fadeIt('overlay5')", fade_delay*4);
	setTimeout ("fadeIt('overlay6')", fade_delay*5);
	setTimeout ("fadeIt('overlay7')", fade_delay*6);
	setTimeout ("fadeIt('overlay8')", fade_delay*6);
	setTimeout ("fadeIt('overlay9')", fade_delay*6);
	setTimeout ("fadeIt('overlay10')", fade_delay*6);
	setTimeout ("fadeIt('overlay11')", fade_delay*6);
	setTimeout ("fadeIt('overlay12')", fade_delay*6);
	setTimeout ("fadeIt('overlay13')", fade_delay*6);
	setTimeout ("fadeIt('overlay14')", fade_delay*6);
	setTimeout ("fadeIt('overlay15')", fade_delay*6);
	setTimeout ("fadeIt('overlay16')", fade_delay*6);
	setTimeout ("fadeIt('overlay17')", fade_delay*7);
}