var currentPhoto = 0;
var secondPhoto = 1;

var currentOpacity = new Array();
var imageArray;

var FADE_STEP = 2;
var FADE_INTERVAL = 10;
var VIEW_INTERVAL = 9000;
var pause = false;

function initCrossFadeImages(elementId, images) {
	imageArray = images;
	currentOpacity[0]=99;
	for(i=1;i<imageArray.length;i++) {
		currentOpacity[i]=0;
	}
	mHTML="";
	for(i=0;i<imageArray.length;i++) {
		mHTML+="<div id=\"photo\" name=\"photo\" style=\"position:absolute;	top:0px;	left:0px;	-moz-opacity:0.0;	filter:Alpha(opacity=0);\" class=\"xphoto\"><img src=\"" + imageArray[i]  +"\"></div>";
	}
	document.getElementById(elementId).innerHTML = mHTML;

	var photoElems = document.getElementsByName("photo");
	if(document.all) {
		photoElems[currentPhoto].style.filter="alpha(opacity=100)";
	} else {
		photoElems[currentPhoto].style.MozOpacity = .99;
	}

	mInterval = setInterval("crossFade()",FADE_INTERVAL);
}

function crossFade() {
	if(pause)return;

	currentOpacity[currentPhoto]-=FADE_STEP;
	currentOpacity[secondPhoto] += FADE_STEP;

	var photoElems = document.getElementsByName("photo");
	if(document.all) {
		photoElems[currentPhoto].style.filter = "alpha(opacity=" + currentOpacity[currentPhoto] + ")";
		photoElems[secondPhoto].style.filter = "alpha(opacity=" + currentOpacity[secondPhoto] + ")";
	} else {
		photoElems[currentPhoto].style.MozOpacity = currentOpacity[currentPhoto]/100;
		photoElems[secondPhoto].style.MozOpacity =currentOpacity[secondPhoto]/100;
	}

	if(currentOpacity[secondPhoto]/100>=.98) {
		currentPhoto = secondPhoto;
		secondPhoto++;
		if(secondPhoto == imageArray.length) secondPhoto=0;
		pause = true;
		xInterval = setTimeout("pause=false",VIEW_INTERVAL);
	}
}

function doPause()  {
	if(pause) {
		pause = false;
		document.getElementById("pauseBtn").value = "pause";
	} else {
		pause = true;
		document.getElementById("pauseBtn").value = "play";
	}
}