<!--

/*
fader.js
*/

var topDivId = "viewPoint";
var botomDivId = "viewPointB";
var topImageId = "topImage";
var bottomImageId = "bottomImage";
var nextImage = ""; // used to swap image from bottom div to top
var startDown = 100;
var endDown = 0;
var startUp = 0;
var endUp = 100;
var millisec = 250;
var okToChange = "yes";

function fadeDown()
{
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = startDown; i >= endDown; i--)
	{
		setTimeout("changeOpacDown('" + i + "')",(timer * speed));
		timer++;

	}
}

function changeOpacDown(opacity)
{
	var object = document.getElementById(topDivId).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

	if(opacity == endDown)
	{
		swapDivs();
	}

}

function fadeUp()
{
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = startUp; i <= endUp; i++)
	{
		setTimeout("changeOpacUp('" + i + "')",(timer * speed));
		timer++;
	}

}

function changeOpacUp(opacity)
{
	var object = document.getElementById(topDivId).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

}

function changeImage(whichImage)
{
	if (okToChange == "yes")
	{
		okToChange = "no";
		//objImg = new Image();
		//objImg.src = whichImage;
		//objImg.onload = function()
		//{
		//alert("loaded line 77");

		nextImage = whichImage; //sets this global variable for swapDivs
		// load new image into bottom div
		x = document.getElementById(bottomImageId);
		x.src= whichImage;
		//alert(x.src)
		// fade top image down
		fadeDown(); // when complete calls swapDivs()
		//}
	}

}

function swapDivs()
{

	//alert("swap");
	// load bot image into top div
	x = document.getElementById(topImageId);
	x.src= nextImage;
	// make top div opaque
	var object = document.getElementById(topDivId).style;
	object.opacity = 1;
	object.MozOpacity = 1;
	object.KhtmlOpacity = 1;
	object.filter = "alpha(opacity='100')";
	okToChange = "yes";
}