var my_div = "";
var opacity_increment = 0;
var fade_delay = 0;
var opacity_level = 0;
var exit = false;

function initFade(the_div)
{
	my_div = the_div;
	// for mozilla
	document.getElementById(my_div).style.opacity = 0;
	// for IE (eww!!)
	document.getElementById(my_div).style.filter = "alpha(opacity=0)";
}

function startFade(the_div, the_increment, the_delay)
{
	my_div = the_div;
	opacity_increment = the_increment;
	fade_delay = the_delay;

	
	// fade in & out current and previous div by increment
	fade_loop = setInterval("fadeIn();",fade_delay);
}

function fadeIn()
{
	/* fade in current div */
	opacity_level += opacity_increment;
	if (opacity_level > 100)
	{
	opacity_level = 100;
	opacity_level_float = .1;
	exit = true;
	}
	opacity_level_float = opacity_level / 100;

	// for mozilla
	document.getElementById(my_div).style.opacity = opacity_level_float;
	// for IE (eww!!)
	document.getElementById(my_div).style.filter = "alpha(opacity="+opacity_level+")";
	
	if (exit)
	{
	clearInterval(fade_loop);
	}
}

