// $Id: features.js,v 1.1 2005/01/10 19:42:17 barryh Exp $
// $Source: /usr/local/cvsroot/projects/cs/vioma/content/CS/scripts/features.js,v $
var descSelected = false;
var numOpen = 1;
var invTextColor = 'white';
var hoverColor = '#4477DD';
var selectColor= 'navy';
var defaultColor= '#E8E8E8';

//This is for when a button gets hovered over.
function hoverDisp(num) {
//	alert("Closing: " + numOpen + "\nOpening: " + num);
	if (!descSelected) {
		closeNum(numOpen);
		numOpen = num;
		document.getElementById('desc' + num).style.display = 'block';
		document.getElementById('feat' + num).style.backgroundColor = hoverColor;
		document.getElementById('feat' + num).style.color = invTextColor;
//		alert(num + " opened. numOpen = " + numOpen);
	}
}

//This is for when a button gets clicked on.
//It becomes selected.
function clickDisp(num) {
	if (descSelected && numOpen == num) {
		deselectNum(num);
	} else {
		if (descSelected) {
			exitNum(numOpen);
		}

		//Set up it staying open
		descSelected = true;
		numOpen = num;
		//Open the new one
		document.getElementById('desc' + num).style.display = 'block';
		document.getElementById('feat' + num).style.backgroundColor = selectColor;
		document.getElementById('feat' + num).style.color = invTextColor;
	}
}

//This is for closing a description.
function closeNum(num) {
	if (!descSelected) {
		document.getElementById('desc' + num).style.display = 'none';
		document.getElementById('feat' + num).style.backgroundColor = defaultColor;
		document.getElementById('feat' + num).style.color = selectColor;
//		alert(num + " closed. numOpen = " + numOpen);
	}
}

//This is for when a button is deselected by another getting selected instead.
function exitNum(num) {
	clearBtn();
	closeNum(num);
}

//This is for when buttons get deselected:
//Unstore all the info about an open button.
function clearBtn() {
	descSelected = false;
	numOpen = 0;
}

//This is when a button gets deselected but is still being hovered over.
function deselectNum(num){
	clearBtn();
	numOpen = num;
	document.getElementById('feat' + num).style.backgroundColor = hoverColor;
	document.getElementById('feat' + num).style.color = invTextColor;
}