var imageArray = Array('images/header1.jpg','images/header2.jpg','images/header3.jpg','images/header4.jpg');
//var linkArray = Array('','','','');

var popupArray = Array('0','0','0','0');
var autoSwitch = true; 	// automatically switch images
var autoSpeed = 1500; 	// number of mSec to hold on image before switching to next
var fadeSpeed = .5; 	// image cross-fade speed (can be 1 to 100) 5 is pretty fast, .5 is sorta slow
var callBackFunction = "";



var fadeInt;
var autoSwitchInt;
var currentOp;
var currentImage = 0;
var loadStatus = 1;
var didCallBack;
if (!autoSpeed) {	
	var autoSpeed = 4000;
}
if (!fadeSpeed) {
	var fadeSpeed = 2;
}
function getImageLink() {
	if (linkArray.length > 0) {
		loadStatus = 1;
		if (popupArray[currentImage] == 1) {
			var curTime = Date();
			window.open(linkArray[currentImage],curTime,'width=800,height=600,toolbar=yes, location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes')
		}
		else {
			//document.location = linkArray[currentImage];
			step(1);
		}
	}
}
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();
/*
		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 loadImage() {
	// var top = document.getElementById("topLayer");
	// setOpacity(top, 100);
	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;
/*
			if (callBackFunction) {
				eval(callBackFunction+"()");
			}		
*/
		}
		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;
}