var alphaInterval;
var opacity = 0;
var pointer = 0;
var maxImage = imageArray.length;
var isIE2  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;

function initTransition(){
	if(isIE2){
		document.getElementById('imageHolder').style.filter = "blendTrans(Duration=1)";
		document.getElementById('imageHolder').filters.item(0).Apply();
	}else{
		opacity = 0;
		document.getElementById('imageHolder').style.MozOpacity = 0;
		document.getElementById('imageHolder').style.filter = "alpha(opacity=0);"
	}
}

function playTransition(){
	
	if(isIE2){
		document.getElementById('imageHolder').filters.item(0).Play();
	}else{
		clearTimeout(alphaInterval);
		
		if(opacity >= 100){
			//
		}else{
	
			opacity += 3;

			document.getElementById('imageHolder').style.MozOpacity = opacity/100;
			document.getElementById('imageHolder').style.filter = "alpha(opacity="+(opacity)+");"
			
			alphaInterval = setInterval('playTransition()',10);
		}
	}
}

function changeImage()
{
	initTransition();
	
	var imageName = imageArray[pointer];
	var imagePath = '../images/' + imageName;
	var imageObj = document.getElementById("imageHolder");
	
	imageObj.innerHTML = '<img src="'+imagePath+'" alt="'+imageName+'" width="385" height="320" onLoad="playTransition();" id="pageImage" />';
	
	if(maxImage > 1){
		setTimeout('changeImage()', 5000);
	}
	pointer++
	
	if(pointer == maxImage){
		pointer = 0;
	}
}