var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init() {
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++) {
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		if (imgs[i].src.lastIndexOf('_hover')==-1) {	// if "_hover" is not found, need rollover image
			mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_hover" + suffix;
		} else {	// if "_hover" is found, we're on this page - use same image for "rollover"
			mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + suffix;
		}
		imgs[i].number = i;
	}

	document.getElementById('toggleable').style.display = 'none';
}

function mouseGoesOver() {
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut() {
	this.src = mouseOuts[this.number].src;
}


function toggleDisplay(id) {
	if ( document.getElementById(id).style.display == 'none' ) {
		document.getElementById(id).style.display = '';
		document.getElementById('expandLink').innerHTML = 'hide info';
	} else {
		document.getElementById(id).style.display = 'none';
		document.getElementById('expandLink').innerHTML = 'more info';
	}
}