
<script type="text/javascript" language="javascript">
<!--
	var imageArray = Array('img/love.gif','img/girl.gif','img/bethany.gif','img/dragon.gif','img/watercolor.gif','img/digisamp2c.gif',);
	var linkArray = Array('illustrations.html','graphics.html','portraits.html','illustration.html','illustration.html','graphics.html',);

	var popupArray = Array('0','0','0','0','0','0','0','0');
				// Scott: Rowland, in case you want to re-use this:
				// Scott: Rowland, in case you want to re-use this:
	var autoSwitch = true; 	// automatically switch images
	var autoSpeed = 4000; 	// number of mSec to hold on image before switching to next
	var fadeSpeed = 2; 	// image cross-fade speed (can be 1 to 100)
	var callBackFunction = "";
//-->
</script>
<script type="text/javascript" language="javascript">
<!--
/*
*/
	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];
			}
		}
	}
	function setMainImage() {
		if (autoSwitch) {
			autoSwitchInt = setInterval("step(1)",autoSpeed);
		}
		var topImage = document.getElementById("topLayerImage");
		topImage.src = imageArray[0];
		// alert(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;
	}
//-->
</script>