/**
 * Show the element specified by the id. The element must be a block type element (or better
 * said, it will become a block level element :>).
 * 	@param element_id the element to be shown
 */
function show_element(element_id) {
	try {
		document.getElementById(element_id).style.display = "block";
	}
	catch(err) {
		/* whopsie! */
	}
}

/**
 * Hide an element given the element id. It doesn't really matter what type the element is,
 * since it will turn out to "none".
 * 	@param element_id the ID of the element to be hidden.
 */
function hide_element(element_id) {
	try {
		document.getElementById(element_id).style.display = "none";
	}
	catch(err) {
		/* whopsie! */
	}
}

/**
 * Toggle the 'visibility' (by using the show_element and hide_element, hence the 'display' status)
 * of an element. The function works only for block level elements.
 * 	@param element_id the id of the element which will be toggled.
 */
function toggle_element(element_id) {
	try {
		if(document.getElementById(element_id).style.display == "none") {
			show_element(element_id);
		}
		else {
			hide_element(element_id);
		}
	}
	catch(err) {
		/* whopsie */
	}
}