/**************************************************************

Hide or show an element on a page
by Will Peavy, wpeavy@valenciacc.edu
last updated on Apr. 29, 2008

**************************************************************/

/* toggle both the display and the element's presence in the page flow */
function displayblock(id) {
		document.getElementById(id).style.display = 'block';
	}
function displaynone(id) {
		document.getElementById(id).style.display = 'none';
	}

/* only for browsers that support css tables (this includes IE8, Firefox, Safari, and Opera */
function displayinline_table(id) {
		document.getElementById(id).style.display = 'inline-table';
	}
function displaytable_row(id) {
		document.getElementById(id).style.display = 'table-row';
	}
function displaytable_cell(id) {
		document.getElementById(id).style.display = 'table-cell';
	}

/* toggle visibility but do not affect the element's presence in the page flow  */
function is_visible(id) {
		document.getElementById(id).style.visibility = 'visible';
	}
function invisible(id) {
		document.getElementById(id).style.visibility = 'hidden';
	}

/* DO NOT USE the functions below - they conflict with the prototype js library.        */
/* DO NOT REMOVE the functions below from this file - some documents still rely on them */ 
function show(id) {
		document.getElementById(id).style.display = 'block';
	}
function hide(id) {
		document.getElementById(id).style.display = 'none';
	}