/**********************************************/
/**********************************************/
/********2011 © Copyright Randall Groff********/
/**********************************************/
/**********************************************/

/*
 * @author Randall Groff
 *
 * imageRotation.js
 * 
 * Do not edit below.
 * 
 * Fades images in and out.
 * And changes them once faded out.
 */

var index = 1;

var picturesImages = new Array();
var timer0 = 0;
var timer1 = 0;

if (pictures.length > 1)
{

	for (var i = 0; i< pictures.length; i++)
	{
		picturesImages[i] = new Image;
		picturesImages[i].src = pictures[i];
	}
	
	timer0 = setTimeout("fadeToNextImage()", timeBetween);
}

var opacityImageA = 1;
var opacityImageB = 1;

var zIndexImageA = 16;
var zIndexImageB = 15;

var idImageA = "jScriptP1";
var idImageB = "jScriptP2";

function fadeToNextImage()
{
	clearTimeout(timer0);
	
	if(zIndexImageA > zIndexImageB)
	{
		opacityImageA = opacityImageA - rate;
		opacityImageB = 1;
		
		if (opacityImageA < 0)
		{
			opacityImageA = 0;
			opacityImageB = 1;
			
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			zIndexImageA = zIndexImageA - 1;
			zIndexImageB = zIndexImageB + 1;
			
			document.getElementById(idImageA).style.zIndex = zIndexImageA;
			document.getElementById(idImageB).style.zIndex = zIndexImageB;
			
			opacityImageA = 1;
			opacityImageB = 1;
			
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			changeBackImage(idImageA);
			
			timer0 = setTimeout("fadeToNextImage()", timeBetween);
		}
		else
		{
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			timer0 = setTimeout("fadeToNextImage()", speed);
		}
	}
	else
	{
		opacityImageA = 1;
		opacityImageB = opacityImageB - rate;
		
		if (opacityImageB < 0)
		{
			opacityImageA = 1;
			opacityImageB = 0;
			
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			zIndexImageA = zIndexImageA + 1;
			zIndexImageB = zIndexImageB - 1;
			
			document.getElementById(idImageA).style.zIndex = zIndexImageA;
			document.getElementById(idImageB).style.zIndex = zIndexImageB;
			
			opacityImageA = 1;
			opacityImageB = 1;
			
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			changeBackImage(idImageB);
			
			timer0 = setTimeout("fadeToNextImage()", timeBetween);
		}
		else
		{
			document.getElementById(idImageA).style.opacity = opacityImageA;
			document.getElementById(idImageB).style.opacity = opacityImageB;
			document.getElementById(idImageA).style.filter = 'alpha(opacity=' + opacityImageA*100 + ')';
			document.getElementById(idImageB).style.filter = 'alpha(opacity=' + opacityImageB*100 + ')';
			
			timer0 = setTimeout("fadeToNextImage()", speed);
		}
	}
}

function changeBackImage(idElement)
{
	index = index + 1;
	
	if (index >= pictures.length)
	{
		index = 0;
	}
	
	document.getElementById(idElement).src = pictures[index];
}