var slides;
var slideImg, slideCap, slideContainer1, slideContainer2, currSlide, otherSlide, slideNum, debugDiv, preImage;
var animInt;
var speed = 70;
var opInt = 0.05;
var topSlide = 1;
var opacity = 1;
var animInt;
var pauseCounter = 0;
var slidePause = 0;

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

function unloadSlides() {
	clearInterval(animInt);
}

function fade() {
	nextSlide = slideNum + 1;
		if (nextSlide >= slides.length) {
				nextSlide = 0;
		}
	if ((pauseCounter >= slidePause) && (slides[nextSlide][2])) {
	newOpacity = opacity - opInt;
	winOpacity = opacity*100;
	win8OpacityStyle = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + winOpacity + ")";
	win7OpacityStyle = "alpha(opacity=" + winOpacity + ")";
	if (newOpacity > 0) {
		currSlide.style.opacity = newOpacity;
		currSlide.style.filter = win7OpacityStyle;
		//currSlide.style.-ms-filter = win8OpacityStyle;
		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)";
			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)";
			currSlide = slideContainer1;
			otherSlide = slideContainer2;
			topSlide = 1;
		}
		
		if (slides[nextSlide][4] != "") {
			slideLinkOpen = "<a href=\"" + slides[nextSlide][4] + "\">";
			slideLinkClose = "</a>";
		} else {
			slideLinkOpen = "";
			slideLinkClose = "";
		}

		if (slides[nextSlide][1] != '') {
		otherSlide.innerHTML = slideLinkOpen + "<img src=\"" + slides[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />" + slideLinkClose + "<div class=\"caption\"><span>" + slides[nextSlide][1] + "</span></div><div class=\"captionBack\"></div>";
		} else {
			otherSlide.innerHTML = slideLinkOpen + "<img src=\"" + slides[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />" + slideLinkClose + "</div>";
		}
		slideNum += 1;
		if (slideNum >= slides.length) {
			slideNum = 0;	
		}
		//debugDiv.innerHTML = "<p>currSlide: " + slideNum + "</p>" + "<p>nextSlide: " + nextSlide + "</p>";
		pauseCounter = 0;
		opacity = 1;
		
		//clearInterval(animInt);	
	}
	} else {
		
		if (!slides[nextSlide][2]) {
			//debugDiv.innerHTML = "<p>LOADING " + slides[nextSlide][0] + "<br />SlideNum:" + nextSlide + "</p>";
			if (!slides[nextSlide][3]) {
			preImage = new Image();
			preImage.src = slides[nextSlide][0];
			slides[nextSlide][3] = true;
			} else {

				if (slides[nextSlide][4] != "") {
					slideLinkOpen = "<a href=\"" + slides[nextSlide][4] + "\">";
					slideLinkClose = "</a>";
				} else {
					slideLinkOpen = "";
					slideLinkClose = "";
				}
	
				if (isImageOk(preImage)) {
					slides[nextSlide][2] = true;
					if (slides[nextSlide][1] != '') {
					otherSlide.innerHTML = slideLinkOpen + "<img src=\"" + slides[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />" + slideLinkClose + "<div class=\"caption\"><span>" + slides[nextSlide][1] + "</span></div><div class=\"captionBack\"></div>";
					} else {
						otherSlide.innerHTML = slideLinkOpen + "<img src=\"" + slides[nextSlide][0] + "\" id=\"slideShowImg\" alt=\"\" />" + slideLinkClose + "</div>";
					}
				} else {
					slides[nextSlide][2] = false;
				}
			}
		}
		pauseCounter += speed;	
	}
	if (slideNum >= 0) {
		slidePause = 5000;
	}
	
}

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