function opacity(id,opacStart,opacEnd,millisec)
	{
	//speed for each frame
	var speed = Math.round(millisec / 100);
	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--)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
			}
		}
	else if(opacStart < opacEnd)
		{
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
			}
		}
	}
//change the opacity for different browsers
function changeOpac(opacity,id)
{
if (document.getElementById)
	{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	}
}
function shiftOpacity(id,millisec)
	{
	//if an element is invisible, make it visible, else make it invisible
	if(document.getElementById(id).style.opacity == 0)
		{
		opacity(id, 0, 100, millisec);
		}

	}

var Timers=new Array();
function init_example()
{
  Timers[1]=setTimeout("opacity('eps-home', 0, 100, 700)",400);
  Timers[2]=setTimeout("opacity('building', 0, 100, 700)",1300);
  Timers[3]=setTimeout("opacity('sustaining', 0, 100, 700)",2200);
  Timers[4]=setTimeout("opacity('restoring', 0, 100, 700)",3100);
  Timers[5]=setTimeout("opacity('economic', 0, 100, 700)",4000);
  Timers[6]=setTimeout("opacity('wrapper', 0, 100, 700)",4900);
  Timers[7]=setTimeout("opacity('leftnav', 0, 100, 700)",4900);
}