var autoSwitch = true;  // automatically switch images
var autoSpeed = 5000;   // number of mSec to hold on image before switching to next
var fadeSpeed = 0.5;      // image cross-fade speed (can be 1 to 100)
var fadeInt;
var autoSwitchInt;
var currentOp;
var currentImage = 0;
var loadStatus = 1;
var didCallBack;
var callBackFunction = "drawImageNav";

function stopButton() {
	clearInterval(autoSwitchInt);
	autoSwitch = false;
	//drawImageNav(); 
}
function playButton() {
	autoSwitch = true; 
	step(1);
	//drawImageNav(); 
}
function jumpToImage(imageNo) {
	clearInterval(autoSwitchInt);
	currentImage = imageNo;
	loadImage();
	//drawImageNav(); 
}
/*function drawImageNav() {
	var divHTML = "";
	for (var i=0;i<imageArray.length;i++) {
		if (i == currentImage) {
			divHTML += '<img border="0" src="../images/fonts/slide_n.gif" alt="current image" class="slidenav" />';
		}
		else  {
			divHTML += '<a href="javascript:jumpToImage('+i+')"><img border="0" src="../images/fonts/slide.gif" alt="jump to this image" class="slidenav" /></a>';
		}
	}
	var imageNav = document.getElementById("fontstagenav");
	if (imageArray.length > 1) {
		if (autoSwitch) {
			divHTML += '<a href="javascript:stopButton();"><img border="0" src="../images/fonts/slide_pause.gif" alt="Pause" /></a>';
		}
		else {
			divHTML += '<a href="javascript:playButton();"><img border="0" src="../images/fonts/slide_play.gif" alt="Play" /></a>';
		}
	}
	imageNav.innerHTML = divHTML;
}*/

/**/


function getImageLink() {
	if (linkArray.length > 0) {
		loadStatus = 1;
		if(linkArray[currentImage]!='nolink')document.location = linkArray[currentImage];
	}
}
function setMainImage() {
	if (autoSwitch) {
		autoSwitchInt = setInterval("step(1)",autoSpeed);
	}
	var topImage = document.getElementById("topLayerImage");
	topImage.src = imageArray[0];
}
function step(direction) {
	clearInterval(autoSwitchInt);
	if (loadStatus == 1) {
		loadStatus = 0;
		currentImage = currentImage + direction;
		if (currentImage >= imageArray.length) {
			currentImage = 0;
		}
		else if (currentImage < 0) {
			currentImage = imageArray.length - 1;
		}
		loadImage();
	}
}
function loadImage() {
	clearInterval(fadeInt);
	didCallBack = false;
	var newImage = document.getElementById("bottomLayerImage");
	newImage.onload = function() {
		var top = document.getElementById("topLayer");
		setOpacity(top, 100);
		currentOp = 100;
		fadeInt = setInterval("fadeTop()",10);
	}
	newImage.src = imageArray[currentImage];
}
function fadeTop() {
	currentOp = currentOp - fadeSpeed;
	if ((currentOp <= 50)&&(! didCallBack)&&(callBackFunction)) {
		//eval(callBackFunction+"()");
		didCallBack = true;
	}
	if (currentOp >= 0) {
		var top = document.getElementById("topLayer");
		setOpacity(top, currentOp);
	}
	else {
		var newImage = document.getElementById("topLayerImage");
		newImage.onload = function() {
			document.getElementById("topLayer").style.opacity = 1;
			loadStatus = 1;
		}
		newImage.src = imageArray[currentImage];
		clearInterval(fadeInt);
		if (autoSwitch) {
			autoSwitchInt = setInterval("step(1)",autoSpeed);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
  	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}