var imgIndex = 0;
var imgOpacity = 100;
var elmFadeFrom;
var elmFadeTo;
var elmCaption;

function initFade(img1, img2, cap) {
	elmFadeFrom = document.getElementById(img1);
	elmFadeTo = document.getElementById(img2);
	elmCaption = document.getElementById(cap);
	if (arrImages.length > 1)
		nextImage();
}

function startFade() {
	if (arrImages[imgIndex].image == "")
		nextImage();
	else {
		elmFadeTo.style.visibility = "visible";
		stepFade();
	}
}

function stepFade() {
	if (imgOpacity > 0) {
		imgOpacity -= 5;
		setOpacity(elmFadeFrom, imgOpacity);
		setOpacity(elmFadeTo, 100-imgOpacity);
		setTimeout("stepFade();", 50);
	}
	else {
		var buf = elmFadeFrom;
		elmFadeFrom = elmFadeTo;
		elmFadeTo = buf;
		nextImage();
	}
}

function nextImage() {
	imgOpacity = 100;
	setOpacity(elmFadeTo, 0);
	elmFadeTo.style.visibility = "hidden";
	elmCaption.innerHTML = arrImages[imgIndex].text;
	elmFadeFrom.alt = arrImages[imgIndex].tooltip;
	elmFadeFrom.title = arrImages[imgIndex].tooltip;
	setTimeout("startFade();", arrImages[imgIndex].duration);
	if (++imgIndex > arrImages.length-1)
		imgIndex = 0;
	elmFadeTo.src = "images/getPict.php?" + arrImages[imgIndex].image;
	elmFadeTo.style.top = arrImages[imgIndex].top + "px";
}

function setOpacity (elm, opacity) {
	if (typeof elm.style.filter == "string")
		elm.style.filter = "alpha(opacity:" + opacity + ")";
	else if (typeof elm.style.opacity == "string")
		elm.style.opacity = opacity / 101;
	else if (typeof elm.style.KHTMLOpacity == "string")
		elm.style.KHTMLOpacity = opacity / 100;
	else if (typeof elm.style.MozOpacity == "string")
		elm.style.MozOpacity = opacity / 101;
}