// Only call once image array and variables have been set...

var aryImages = new Array();
for (p=0; p<aryFiles.length; p++){
	aryImages[p] = new Image();
	aryImages[p].src = aryFiles[p];
}

var objIE4 = document.all;
var objDOM = document.getElementById;

if (objIE4||objDOM) {
	document.write('<div style="position:relative;width:'+strWidth+';height:'+strHeight+';overflow:hidden">');
	document.write('<div id="canvas0" style="position:absolute;width:'+strWidth+';height:'+strHeight+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div>');
	document.write('<div id="canvas1" style="position:absolute;width:'+strWidth+';height:'+strHeight+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div>');
	document.write('</div>');
} else {document.write('<img name="defaultslide" src="'+aryImages[0]+'">');}

var intOpacity = 10;
var strCanvas = "canvas0";
var intImageID = 0;
var intNextImageID = 1;

function fadeImage(){
	if (intOpacity < 100){
		intOpacity += 10;
		if (objTemp.filters) {objTemp.filters.alpha.opacity = intOpacity;}
		else if (objTemp.style.MozOpacity) {objTemp.style.MozOpacity = intOpacity/101;}
	} else {
		clearInterval(objDropSlide);
		strNextCanvas = (strCanvas == "canvas0") ? "canvas0" : "canvas1";
		objTemp= objIE4 ? eval("document.all."+strNextCanvas) : document.getElementById(strNextCanvas);
		objTemp.innerHTML = insertImage(intNextImageID);
		intNextImageID = (intNextImageID < aryImages.length - 1) ? intNextImageID + 1 : 0;
		var objTemp2 = objIE4 ? eval("document.all."+strNextCanvas) : document.getElementById(strNextCanvas);
		objTemp2.style.visibility = "hidden";
		setTimeout("rotateImage()",intPause );
	}
}

function insertImage(i){
	var objContainer = '<img src="'+aryFiles[i]+'" border="0">';
	return objContainer;
}

function rotateImage(){
	if (objIE4||objDOM) {
		resetIt(strCanvas);
		var objCross = objTemp = objIE4 ? eval("document.all." + strCanvas) : document.getElementById(strCanvas);
		objCross.style.zIndex ++;
		objTemp.style.visibility = "visible";
		objDropSlide=eval('setInterval("fadeImage()",50)');
		strCanvas = (strCanvas == "canvas0") ? "canvas1" : "canvas0";
	} else {
		document.images.defaultslide.src = aryFiles[intImageID];
		intImageID = (intImageID < aryFiles.length-1) ? intImageID+1 : 0;
	}
}

function resetIt(what){
	intOpacity=10;
	var objCross = objIE4 ? eval("document.all." + what) : document.getElementById(what);
	if (objCross.filters) {objCross.filters.alpha.opacity = intOpacity; }
	else if (objCross.style.MozOpacity) {objCross.style.MozOpacity = intOpacity / 101;}
}

function startIt(){
	var objCross = objIE4 ? eval("document.all." + strCanvas) : document.getElementById(strCanvas);
	objCross.innerHTML = insertImage(intImageID);
	rotateImage();
}

if (objIE4||objDOM) {window.onload = startIt;}
else {setInterval("rotateImage()",intPause)}