
//declare the div list
//1st div
var imgs1 = new Array();
var intCurrentIndex1 = 0;
var intNextImageIndex1 = 0;
var intImagePauseInterval1 = 9000;	//pause image 1 second
//2nd div
var imgs2 = new Array();
var intCurrentIndex2 = 0;
var intNextImageIndex2 = 0;
var intImagePauseInterval2 = 9000;	//pause image 1 second
//3rd div
var imgs3 = new Array();
var intCurrentIndex3 = 0;
var intNextImageIndex3 = 0;
var intImagePauseInterval3 = 9000;	//pause image 1 second

function initFadein_FadeImageDiv1() 
{
	var strDivName = "FadeImageDiv1";
	eval("imgs1 = document.getElementById(\"" + strDivName + "\").getElementsByTagName(\"img\")");

	var intLength = eval("imgs1.length");
	for(i=1;i<intLength;i++) 
		imgs1[i].xOpacity = 0;
		
	//show the first image
	imgs1[0].style.display = "block";
	imgs1[0].xOpacity = 1;
	
	//setTimeout("doFadeDiv1()", intImagePauseInterval1);
}

function initFadein_FadeImageDiv2() 
{
	var strDivName = "FadeImageDiv2";
	eval("imgs2 = document.getElementById(\"" + strDivName + "\").getElementsByTagName(\"img\")");

	var intLength = eval("imgs2.length");
	for(i=1;i<intLength;i++) 
		imgs2[i].xOpacity = 0;
		
	//show the first image
	imgs2[0].style.display = "block";
	imgs2[0].xOpacity = 1;
	
	//setTimeout("doFadeDiv2()", intImagePauseInterval2);
}

function initFadein_FadeImageDiv3() 
{
	var strDivName = "FadeImageDiv3";
	eval("imgs3 = document.getElementById(\"" + strDivName + "\").getElementsByTagName(\"img\")");

	var intLength = eval("imgs3.length");
	for(i=1;i<intLength;i++) 
		imgs3[i].xOpacity = 0;
		
	//show the first image
	imgs3[0].style.display = "block";
	imgs3[0].xOpacity = 1;
	
	//setTimeout("doFadeDiv3()", intImagePauseInterval3);
}


function startFade_FadeImageDiv1() 
{
	setTimeout("doFadeDiv1()", intImagePauseInterval1);
}

function startFade_FadeImageDiv2() 
{
	setTimeout("doFadeDiv2()", intImagePauseInterval2);
}

function startFade_FadeImageDiv3() 
{
	setTimeout("doFadeDiv3()", intImagePauseInterval3);
}

function doFadeDiv1() 
{
	intNextImageIndex1 = imgs1[intCurrentIndex1 + 1]?intCurrentIndex1 + 1 : 0;
	
	//current image fade out
	var intCurrentImageOpacity = eval("imgs1[intCurrentIndex1].xOpacity");
	intCurrentImageOpacity -= .05; 
	eval("imgs1[intCurrentIndex1].xOpacity = intCurrentImageOpacity");
	setImageOpacity(imgs1[intCurrentIndex1]); 
	
	//next image fade in
	var intNextImageOpacity = imgs1[intNextImageIndex1].xOpacity;
	intNextImageOpacity += .05;
	eval("imgs1[intNextImageIndex1].style.display = 'block'");
	eval("imgs1[intNextImageIndex1].xOpacity = intNextImageOpacity");
	setImageOpacity(imgs1[intNextImageIndex1]);
	
	if(intCurrentImageOpacity <= 0) 
	{
		eval("imgs1[intCurrentIndex1].style.display = 'none'");
		intCurrentIndex1 = intNextImageIndex1;
		setTimeout("doFadeDiv1()", intImagePauseInterval1);
	} else {
		setTimeout("doFadeDiv1()", 50);
	}
}
	

function doFadeDiv2() 
{
	intNextImageIndex2 = imgs2[intCurrentIndex2 + 1]?intCurrentIndex2 + 1 : 0;
	
	//current image fade out
	var intCurrentImageOpacity = eval("imgs2[intCurrentIndex2].xOpacity");
	intCurrentImageOpacity -= .05; 
	eval("imgs2[intCurrentIndex2].xOpacity = intCurrentImageOpacity");
	setImageOpacity(imgs2[intCurrentIndex2]); 
	
	//next image fade in
	var intNextImageOpacity = imgs2[intNextImageIndex2].xOpacity;
	intNextImageOpacity += .05;
	eval("imgs2[intNextImageIndex2].style.display = 'block'");
	eval("imgs2[intNextImageIndex2].xOpacity = intNextImageOpacity");
	setImageOpacity(imgs2[intNextImageIndex2]);
	
	if(intCurrentImageOpacity <= 0) 
	{
		eval("imgs2[intCurrentIndex2].style.display = 'none'");
		intCurrentIndex2 = intNextImageIndex2;
		setTimeout("doFadeDiv2()", intImagePauseInterval2);
	} else {
		setTimeout("doFadeDiv2()", 50);
	}
}
	

function doFadeDiv3() 
{
	intNextImageIndex3 = imgs3[intCurrentIndex3 + 1]?intCurrentIndex3 + 1 : 0;
	
	//current image fade out
	var intCurrentImageOpacity = eval("imgs3[intCurrentIndex3].xOpacity");
	intCurrentImageOpacity -= .05; 
	eval("imgs3[intCurrentIndex3].xOpacity = intCurrentImageOpacity");
	setImageOpacity(imgs3[intCurrentIndex3]); 
	
	//next image fade in
	var intNextImageOpacity = imgs3[intNextImageIndex3].xOpacity;
	intNextImageOpacity += .05;
	eval("imgs3[intNextImageIndex3].style.display = 'block'");
	eval("imgs3[intNextImageIndex3].xOpacity = intNextImageOpacity");
	setImageOpacity(imgs3[intNextImageIndex3]);
	
	if(intCurrentImageOpacity <= 0) 
	{
		eval("imgs3[intCurrentIndex3].style.display = 'none'");
		intCurrentIndex3 = intNextImageIndex3;
		setTimeout("doFadeDiv3()", intImagePauseInterval3);
	} else {
		setTimeout("doFadeDiv3()", 50);
	}
}
	
function setImageOpacity(obj) 
{
	if(obj.xOpacity >= 1) 
	{
		obj.xOpacity = 1;
		return;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity * 100) + ")";
}
	

