// randomimage.js: display random Historic Photograph
// Colorado State University Libraries
// Greg Vogl 2007-06-08    modified: Larry Wilson 2009-08-31


var imgno = -1;

function randImage() {
	// get historical photo data from photo.js into myarray
	// select a photo

	imgno = (imgno + 1) % (myarray.length-1);

	// get photo fields from myarray
	
	var title = myarray[imgno][0];
	var filename = myarray[imgno][1];
	var id = myarray[imgno][2];
	var dir = "http://lib.colostate.edu/archives/uhpc/site4images/";
	var thumbURL = dir + filename;
	var cdm3URL ="http://digitool.library.colostate.edu" +"/webclient/DeliveryManager?pid="  + id;
	       var imageHTML = '<a href="' + cdm3URL + '" title="' + title + '"><img src="' + thumbURL + '" border="0" alt="' + title + '" /><br />' + '<span id="randimagetext"><strong>' + title + '</strong><br />' + '</span></a>';
	return imageHTML;
}
//$discoveryUrl = "http://discovery2.library.colostate.edu/"; 
//$digitoolUrl = "http://digitool.library.colostate.edu";
//$itemUrl = "$digitoolUrl/webclient/DeliveryManager?pid=";
//$galleryUrl = "http://lib.colostate.edu/archives/uhpc/exceldocs/sample_gallery_images.csv";

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>=10; i--)
		setTimeout('setOpacityTimeout(' + i + ')', 15*(100-i));
}
function fadeIn() {
	for (i=0; i<=100; i++)
		setTimeout('setOpacity(' + i + ')', 5*i);
}
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();