// randimage.js: display random image from the digital repository thumbnails
// Colorado State University Libraries
// Greg Vogl 2008-04-22
function randImage() {
	// select a random item
	i = Math.floor(Math.random()*29) + 1;
	// get item fields from myarray
	var dir = "http://digital.library.colostate.edu/general/image/";
	var imageHTML = '<a href="http://digitool.library.colostate.edu/" title="Go to CSU Digital Repository' 
	  + '" onmouseover="mouseOverImage()" onmouseout="setTimeouts()">'
	  + '<img src="/includes/home/images-explore/repository/' + i + '.jpg" border="0" alt="CSU Digital Repository" /></a>';
	return imageHTML;
}
function setOpacity(i) {
	var p = document.getElementById('randimagep').style;
	p.opacity = i/100; // newer Firefox and Mozilla
	p.MozOpacity = i/100; // older Firefox and Mozilla
	p.KhtmlOpacity = i/100; // Safari, Konqueror
	p.filter = "alpha(opacity=" + i + ")"; // IE
}
var timeoutFade;
var timeoutChange;
var timeoutFading;
function mouseOverImage() {
	i = timeoutFading;
	clearTimeouts(); 
	if (i > 0 && i < 100) 
		setTimeout('fadeIn()', 15*i);
}
function setOpacityTimeout(i) {
	setOpacity(i);
	timeoutFading = i;
}
function fadeOut() {
	for (i=100; i>=0; i--)
		setTimeout('setOpacityTimeout(' + i + ')', 15*(100-i));
}
function fadeIn() {
	for (i=0; i<=100; i++)
		setTimeout('setOpacity(' + i + ')', 5*i);
}
function fadeOut2(i) {
	setOpacity(i);
	if (i>0) timeoutFade = setTimeout("fadeOut2(" + (i-1) + ")", 15);
}
function clearTimeouts() {
	clearTimeout(timeoutFade); 
	clearTimeout(timeoutChange);
}
function setTimeouts() {
	timeoutFading = 100;
	timeoutFade = setTimeout("fadeOut()", 5500); 
	timeoutChange = setTimeout("changeImage()", 7000);
}
function changeImage() {
	document.getElementById('randimagep').innerHTML = randImage();
	fadeIn();
	setTimeouts();
}
changeImage();