var dirs = new Array();

// List all Footnotes
dirs[0] = new Array('sup1','sup2','sup3','sup4','sup5','sup6','sup7');
// List all that should be highlighted, by director
dirs[1] = new Array('sup4');
dirs[2] = new Array('sup5');
dirs[3] = new Array('sup1','sup5');
dirs[4] = new Array('sup3');
dirs[5] = new Array('sup1','sup5','sup7');
dirs[6] = new Array('sup2','sup3','sup7');
dirs[7] = new Array('sup4');
dirs[8] = new Array('sup1','sup5');
dirs[9] = new Array('sup1','sup2','sup5');
dirs[10] = new Array('sup1','sup7','sup5');
dirs[11] = new Array('sup2','sup3');
dirs[12] = new Array('sup2','sup3','sup4','sup6','sup7');

var coms = new Array();

// List all Directors
coms[0] = new Array('dir1','dir2','dir3','dir4','dir5','dir6','dir7','dir8','dir9','dir10','dir11','dir12');
// List all that should be highlighted, by committee
coms[1] = new Array('dir3','dir5','dir8','dir9','dir10');
coms[2] = new Array('dir6','dir9','dir11','dir12');
coms[3] = new Array('dir4','dir6','dir11','dir12');
coms[4] = new Array('dir1','dir7','dir12');
coms[5] = new Array('dir2','dir3','dir5','dir8','dir9','dir10');
coms[6] = new Array('dir12');
coms[7] = new Array('dir5','dir6','dir10','dir12');

var numCom = coms.length - 1;
var numDir = dirs.length - 1;

function arrayContains(n,h) {
	for (var i = 0; i < h.length; i++) {
		if (h[i] == n) {
			return true;
		}
	}
	return false;
}

function swapDir(dir) {
	
	for (i = 0; i <= coms[0].length; i++) {
		if (i+1 == dir) {
			showBox(coms[0][i]);
		} else {
			//hideBox(coms[0][i]);
		}
	}
	
	for (i = 0; i <= dirs[0].length; i++) {
		if (arrayContains(dirs[0][i],dirs[dir])) {
			showBox(dirs[0][i]);
		} else {
			hideBox(dirs[0][i]);
		}
	}
}

function swapCom(com) {
	for (i = 0; i <= dirs[0].length; i++) {
		if (i+1 == com) {
			showBox(dirs[0][i]);
		} else {
			//hideBox(dirs[0][i]);
		}
	}

	for (i = 0; i <= coms[0].length; i++) {
		if (arrayContains(coms[0][i],coms[com])) {
			showBox(coms[0][i]);
		} else {
			hideBox(coms[0][i]);
		}
	}
}

function swapBox(box) {
	var thisBox = document.getElementById(box);
		thisBox.setAttribute("class", "liquid_featurebox");
		thisBox.setAttribute("className", "liquid_featurebox");
	return true;
} 

function showBox(box) {
	if (thisBox = document.getElementById(box)) {
		thisBox.setAttribute("class", "liquid_featurebox");
		thisBox.setAttribute("className", "liquid_featurebox");
	}
	return true;
} 

function hideBox(box) {
	if (thisBox = document.getElementById(box)) {
		thisBox.setAttribute("class", "liquid_featurebox_gray");
		thisBox.setAttribute("className", "liquid_featurebox_gray");
	}
	return true;
} 

function outAll() {

	for (i = 1; i <= numCom; i++) {
		document.getElementById('sup'+i).setAttribute("class", "liquid_featurebox_off");
		document.getElementById('sup'+i).setAttribute("className", "liquid_featurebox_off");
	}
	for (i = 1; i <= numDir; i++) {
		document.getElementById('dir'+i).setAttribute("class", "liquid_featurebox_off");
		document.getElementById('dir'+i).setAttribute("className", "liquid_featurebox_off");
	}
	return;
}