var slidesA;
var slideImg, slideCap, slideContainer1, slideContainer2, currSlide, otherSlide, slideNum, debugDiv, preImage;
var animInt;
var speed = 50;
var opInt = 0.05;
var topSlide = 1;
var opacity = 1;
var animInt;
var pauseCounter = 0;
var slidePause = 10000;
var setSlideNum;

function load(slidesArr) {
   
    slidesA = slidesArr;
	slideContainer1 = document.getElementById("image1");
	slideContainer2 = document.getElementById("image2");
	slideContainer1.style.opacity = 1;
	currSlide = slideContainer1;
	otherSlide = slideContainer2;
	animInt = setInterval(fade, speed);
	slideNum = 0;
}

function fade() {
    //alert("fading");
	if (setSlideNum != null) {
		nextSlide = setSlideNum;
		
	} else {
		nextSlide = slideNum + 1;
	}
	//alert(nextSlide);
		if (nextSlide >= slidesA.length) {
				nextSlide = 0;
		}
	if ((pauseCounter >= slidePause) && (slidesA[nextSlide][2])) {
	newOpacity = opacity - opInt;
	
	if (newOpacity > 0) {
		currSlide.style.opacity = newOpacity;
		currSlide.style.filter = "alpha(opacity=" + newOpacity*100 + ")";
		opacity = newOpacity;
	} else {
		
		currSlide.style.opacity = 0;

		
		if (topSlide == 1) {
			slideContainer2.style.zIndex = 2;
			slideContainer1.style.zIndex = 1;
			slideContainer1.style.opacity = 1;
			slideContainer1.style.filter = "alpha(opacity=100)";
			//slideContainer1.childNodes[1].childNodes[1].style.filter = "alpha(opacity=50)";
			currSlide = slideContainer2;
			otherSlide = slideContainer1;
			topSlide = 2;
		} else {
			slideContainer1.style.zIndex = 2;
			slideContainer2.style.zIndex = 1;
			slideContainer2.style.opacity = 1;
			slideContainer2.style.filter = "alpha(opacity=100)";
			//slideContainer2.childNodes[1].childNodes[1].style.filter = "alpha(opacity=50)";
			currSlide = slideContainer1;
			otherSlide = slideContainer2;
			topSlide = 1;
		}
		
		otherSlide.innerHTML = "<img src=\"" + slidesA[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />";
		if (slidesA[nextSlide][1] != "") {
			otherSlide.innerHTML += "<div id=\"caption\"><span>" + slidesA[nextSlide][1] + "</span><div id=\"captionBack\"></div></div>";
		}
		slideNum += 1;
		if (slideNum >= slidesA.length) {
			slideNum = 0;	
		}
		//debugDiv.innerHTML = "<p>currSlide: " + slideNum + "</p>" + "<p>nextSlide: " + nextSlide + "</p>";
		pauseCounter = 0;
		setSlideNum = null;
		opacity = 1;
		
	}
	} else {
		
		if (!slidesA[nextSlide][2]) {
			
			if (!slidesA[nextSlide][3]) {
			preImage = new Image();
			preImage.src = slidesA[nextSlide][0];
			slidesA[nextSlide][3] = true;
			} else {
				if (isImageOk(preImage)) {
					slidesA[nextSlide][2] = true;
					otherSlide.innerHTML = "<img src=\"" + slidesA[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />";
					if (slidesA[nextSlide][1] != "") {
						otherSlide.innerHTML += "<div id=\"caption\"><span>" + slidesA[nextSlide][1] + "</span><div id=\"captionBack\"></div></div>";
					}	
				} else {
					slidesA[nextSlide][2] = false;
				}
			}
		}
		pauseCounter += speed;	
	}
	
}

function gotoslide(num) {
	setSlideNum = num;
	//alert(setSlideNum);
	pauseCounter = slidePause;
	//fade();
}

function isImageOk(img) {
	if (!img.complete) {
		return false;
	}
	if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
		return false;
	}
	return true;
}