/**
 * @author Administrator
 */
var csteps = 25;
var TimeToFade = 300.0 ;
var fadeDiv = '';
var oldIm = '';
var newIm = '';
var curState = TimeToFade;
var speed = TimeToFade/csteps;
var opVal = 0;
var oldCap = '';
var newCap = '';
var capNew = '';

function transition(pid, nCapt) {
	if (pid == curImage) return;
//	Replace caption text...
	oldCap = document.getElementById("capT");
	newCap = document.createElement("p");
	newCap.innerHTML = nCapt;
	newCap.id = "capT";
	newCap.className = "firstpar";
	capNew = document.getElementById("capDiv");
//	Replace main image...
	curState = TimeToFade;
	oldIm = document.getElementById(curImage) ;
	newIm = document.createElement("img");
	newIm.src = "FGimages/" + pid + ".jpg";
	newIm.id = pid;
	newIm.alt = "";
	newIm.style.opacity = 0;
	newIm.style.filter = "alpha(opacity = 0)";
	fadeDiv = document.getElementById("fadeBlock");
	curImage = pid;
//	Fade out old image and fade in new...
	fadeOut();
	setTimeout('fadeDiv.replaceChild(newIm, oldIm); curState = TimeToFade;', TimeToFade+speed);
	setTimeout('capNew.replaceChild(newCap, oldCap);', TimeToFade+speed); 
	setTimeout('fadeIn()', TimeToFade+speed);
}
	
function fadeOut() {
	curState = curState - speed;
	opVal = curState / TimeToFade;
	if (curState > 0) {
		oldIm.style.opacity = opVal; 
		oldIm.style.filter = 'alpha(opacity = ' + (opVal * 100) + ')';
		setTimeout('fadeOut()', speed);
	}
	else {
		oldIm.style.opacity = 0; 
		oldIm.style.filter = 'alpha(opacity = 0)';
	}
}

function fadeIn(){
	curState = curState - speed;
	opVal = curState / TimeToFade;
	opVal = 1 - opVal;
	if (curState > 0) {
		newIm.style.opacity = opVal;
		newIm.style.filter = 'alpha(opacity = ' + (opVal * 100) + ')';
		setTimeout('fadeIn()', speed);
	}
	else {
		newIm.style.opacity = 1;
		newIm.style.filter = 'alpha(opacity = 100)';
	}
}