/*
FADE FUNCTIONS
http://www.akxl.net/labs/articles/use-javascript-to-change-or-fade-opacity-or-transparency-of-html-entities/
*/

function SetOpacity(elem, opacityAsInt)
{
	var opacityAsDecimal = opacityAsInt;
	
	if (opacityAsInt > 100)
		opacityAsInt = opacityAsDecimal = 100; 
	else if (opacityAsInt < 0)
		opacityAsInt = opacityAsDecimal = 0; 
		
		opacityAsDecimal /= 100;
	if (opacityAsInt < 1)
		opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
		
		elem.style.opacity = (opacityAsDecimal);
		elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
}


function FadeOpacity(elemId, fromOpacity, toOpacity, time, fps)
{
	var steps = Math.ceil(fps * (time / 1000));
	var delta = (toOpacity - fromOpacity) / steps;
	
	FadeOpacityStep(elemId, 0, steps, fromOpacity, delta, (time / steps));
}

function FadeOpacityStep(elemId, stepNum, steps, fromOpacity, delta, timePerStep)
{
	SetOpacity(document.getElementById(elemId), Math.round(parseInt(fromOpacity) + (delta * stepNum)));
	if (stepNum < steps)
	setTimeout("FadeOpacityStep('" + elemId + "', " + (stepNum+1) + ", " + steps + ", " + fromOpacity + "," + delta + ", " + timePerStep + ");", timePerStep);
}





/*SLIDESHOW FUNCTIONS*/

var slides=new Array();
var numSlides=11;

for (i=0; i<numSlides; i++)
{
	slides[i]=new Image();
	slides[i].src="./assets/images/slideshow/slide"+(i+1)+".png";
}
var curImage=-1;

function fadeIn()
{
	setTimeout(FadeOpacity("slideshow", 1, 100, 1000, 10), 1000);
}

function fadeOut()
{
	setTimeout("fader()", 4000);
}

function fader()
{
	setTimeout(FadeOpacity("slideshow", 100, 1, 1000, 10), 1000);
}

function swapPicture()
{
	if (document.images)
	{
		var nextImage=curImage+1;
		if (nextImage>=numSlides)
			nextImage=0;
		if (slides[nextImage] && slides[nextImage].complete)
		{
			var target=0;
			if (document.images.slideshow)
				target=document.images.slideshow;
			if (document.all && document.getElementById("slideshow"))
				target=document.getElementById("slideshow");
			  
			// make sure target is valid.  It might not be valid
			//   if the page has not finished loading
			if (target)
			{
				target.src=slides[nextImage].src;
				curImage=nextImage;
			}
			
			/*-----------------------------------added for fade==*/
			setTimeout("swapPicture()", 5000);  // Swap the picture every 5 seconds
			setTimeout("fadeIn()", 5000);		// Fade in the image every 5 seconds
			setTimeout("fadeOut()", 5000);		// Call fadeOut every 5 seconds, which waits 4 seconds before it Calls fader, which fades the img out
			//setTimeout(FadeOpacity("slideshow", startOpacity, endOpacity, 1000, 10), 3000);
		}
		else
		{
			setTimeout("swapPicture()", 500);
		}
	}
}
//setTimeout("swapPicture()", 1); // initial wait time before slides change
setTimeout("fader()", 5000);
setTimeout("swapPicture()", 1000);