/*
Instructions:
1. Set three arrays (with php?) like this:
slideShowLogoArray= new Array("cisco.gif","dell.gif");
slideShowBlurbArray= new Array("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut non nibh tincidunt turpis mollis suscipit.",
"Donec quis lacus. Aliquam erat volutpat.");
slideShowUrlArray= new Array("www.cisco.com","www.dell.com");
2. Include this file:
<script type="text/javascript" src="fade.js" ></script>
3. Create the table like this:
<table>
<tr>
<td><img  id="logoID" src=""</td>
<td id="blurbID"></td>
<td><a  id="URL_ID" href="#">Click Here</a></td>
</tr>
</table>
3. start it by a call to swapper():
<script language="JavaScript" type="text/javascript">//<!--
swapper();
//--></script>

This should be compressed with http://www.kisi.com/MemTronic_CruncherCompressor_v09c.html
Here's a whole sample:
<html>
<head>
<script language="JavaScript" type="text/javascript">//<!--
slideShowLogoArray= new Array("cisco.gif","dell.gif");
slideShowBlurbArray= new Array("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut non nibh tincidunt turpis mollis suscipit.",
"Donec quis lacus. Aliquam erat volutpat.");
slideShowUrlArray= new Array("www.cisco.com","www.dell.com");
currentSlide=-1;
//--></script>
<script type="text/javascript" src="fade.js" ></script>

</head>
<body>
<table>
<tr>
<td><img  id="logoID" src=""</td>
<td id="blurbID"></td>
<td><a  id="URL_ID" href="#">Click Here</a></td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">//<!--
swapper();
//--></script>
</body>
</html>
*/
var image_array = Array(slideShowLogoArray.length);
for(i=0; i<slideShowLogoArray.length; i++) {
	image_array[i] = new Image;
	image_array[i].src=slideShowLogoArray[i];
}

var transitionDelay=60; // decrease to speed up fade
var imageHoldTime=5000; // time in ms image is fully visible
var fadeTarget;
var currentSlide=-1;
function setOpacity(fadeTarget,opacity) {
	if (fadeTarget.style.MozOpacity!=null) {
		fadeTarget.style.MozOpacity = (opacity/100)-.001;
	} else if (fadeTarget.style.opacity!=null) {
		fadeTarget.style.opacity = (opacity/100)-.001;
	} else if (fadeTarget.style.filter!=null) {
		fadeTarget.style.filter = "alpha(opacity="+opacity+")";
	}
}
function fadeIn(opacity) {
	if (opacity <= 100) {
		setOpacity(fadeTarget,opacity);
		opacity += 10;
		window.setTimeout("fadeIn("+opacity+")", transitionDelay);
	} else {
		window.setTimeout("fadeOut(100)", imageHoldTime);
	}
}
function fadeOut(opacity) {
	if (opacity > 0) {
		setOpacity(fadeTarget,opacity);
		opacity -= 10;
		window.setTimeout("fadeOut("+opacity+")", transitionDelay);
	} else {
		swapper();
	}
}
function swapper() {
	safety=slideShowLogoArray.length;
	while(--safety > 0) {
		if (++currentSlide >= slideShowLogoArray.length) {
			currentSlide=0;
		}
		if(image_array[currentSlide].complete) {
			break;
		} else {
			window.status = 'Image#' + currentSlide + ' ' + slideShowLogoArray[currentSlide] + ' not complete';
		}
	}
	if(safety==0) {
		window.status = 'No images ready.';
		window.setTimeout("swapper()", 2000); // try again in 2 seconds
		return;
	} else {
		window.status = '';
	}

	fadeTarget=document.getElementById('logoID');

	if (fadeTarget) {
		fadeTarget.src=slideShowLogoArray[currentSlide];
		//    document.getElementById('blurbID').innerHTML=slideShowBlurbArray[currentSlide];
		//    document.getElementById('URL_ID').href=slideShowUrlArray[currentSlide];
		fadeIn(0);
	}
}

