var opacity1=.99
var opacity2=.01
var increasedone=false;
var decreasedone=false;
var q;
var image1;
var image2;

function crossfade(idofimage1, idofimage2)
{
	increasedone=false;
	decreasedone=false;
	opacity1=.99
	opacity2=.01
	image1=document.getElementById(idofimage1);
	image2=document.getElementById(idofimage2);
	q = setTimeout("changeopacity(image1,image2)",10);
}

function changeopacity(image1,image2)
{
	decreaseopacity(image1);
	image2.style.display = "block";
	increaseopacity(image2);
	checkstatus();
}

function increaseopacity(image)
{
	opacity2+=.05
	if(opacity2>.99)
	{
		increasedone=true;
		return;
	}
	image.style.opacity = opacity2;
	image.style.MozOpacity = opacity2;
	image.style.filter = "alpha(opacity=" + (opacity2*100) + ")";
}

function decreaseopacity(image)
{
	opacity1-=.05
	if(opacity1<.01)
	{
		image.style.display = "none";
		decreasedone=true;
		return;
	}
	image.style.opacity = opacity1;
	image.style.MozOpacity = opacity1;
	image.style.filter = "alpha(opacity=" + (opacity1*100) + ")";
}

function checkstatus()
{
	if(!increasedone || !decreasedone)
	{
		q = setTimeout("changeopacity(image1,image2)",10);
	}
}