var vOpacity = 0.01;
var imgIndex = 1;
var picIndex = 1;
var animDelay = 50;
var swapDelay = 2000;
var picCount =9;
var vInit=0;
var vFadeDir = "images/fade1/";

function startFade()
{
	if(vInit > 0)
		return;
	else
		vInit = 1;
		
	fade();
}

function fade()
{

	var vSwapImage = document.getElementById("pic" + imgIndex);
	var vFadeImage = document.getElementById('fadepic');
	
	if(vSwapImage === null || vFadeImage === null)
	{
		setTimeout("fade();",1000);
		return;
	}
	
	vFadeImage.style.opacity=vOpacity;
	vFadeImage.style.filter = "alpha(opacity=" + vOpacity*100 + ")";
	vFadeImage.style.zoom = 1;
	

	if(vOpacity < 1)
	{
		setTimeout("fade()",animDelay);
		vOpacity = vOpacity + 0.075;
	}
	else
	{
		//copy image
		vSwapImage.innerHTML =vFadeImage.innerHTML;
		setTimeout("switchImage('-')",swapDelay);
	}

}

function switchImage(vInnerHTML)
{
	var vFadeImage = document.getElementById('fadepic');
	if(vFadeImage === null)
	{
		setTimeout("switchImage('" + vInnerHTML + "');",1000);
		return;
	}
		
	vOpacity = 0.01;
	vFadeImage.style.opacity=vOpacity;
	setTimeout("switchFadeImage()",animDelay);
}

function switchFadeImage()
{
	imgIndex = imgIndex + 1;
	if(imgIndex > 1) 
		imgIndex = 1;
	
	picIndex = picIndex + 1;
	if(picIndex > picCount)
		picIndex = 1;
		
	var vFadeImage = document.getElementById('fadepic');

	vOpacity = 0.01;
	vFadeImage.style.opacity=vOpacity;
	vFadeImage.style.left = -1000;
	vFadeImage.style.filter = "alpha(opacity=" + vOpacity*100 + ")";
	vFadeImage.style.zoom = 1;
	vFadeImage.innerHTML = "<img src='"+vFadeDir+"image" + picIndex + ".jpg' style='border-style:solid;border-width:1;border-color:#000000'>";

	setTimeout("makeFadeImgVisible()",animDelay);
	
}

function makeFadeImgVisible()
{
	var vSwapImage = document.getElementById("pic" + imgIndex);
	var vFadeImage = document.getElementById('fadepic');

	vFadeImage.style.left = vSwapImage.style.left;
	
	setTimeout("fade()",animDelay);
}