/* Show/hide function
toggles visibility of element sID and changes text of link with format "toggle" + sID

for example:
<a id="toggleDetails" href="#" onclick="javascript:toggleEl('Details'); return false;">Show details &raquo;</a>

<div id="Details" style="display: none;"> Hidden content... </div>

*/
function toggleEl(sID,sShowPrompt,sHidePrompt) {
	oEl = document.getElementById(sID);
	if ((oEl.style.display == 'none') || (oEl.className == 'hidden')) {
		showEl(sID,sHidePrompt);
	} else {
		hideEl(sID,sShowPrompt);
	}
}

function showEl(sID,sHidePrompt) {
	oEl = document.getElementById(sID);
	if (oEl.style.display == 'none') {
		oEl.style.display = 'block';
	}
	if (oEl.className == 'hidden') {
		oEl.className = 'shown';
	}
	if (sHidePrompt != 'noreplace') {
		oEl = document.getElementById('toggle' + sID);
		oEl.innerHTML = sHidePrompt;
	}
}

function hideEl(sID,sShowPrompt) {
	oEl = document.getElementById(sID);
	if (oEl.style.display == 'block') {
		oEl.style.display = 'none';
	}
	if (oEl.className == 'shown') {
		oEl.className = 'hidden';
	}
	if (sShowPrompt != 'noreplace') {
		oEl = document.getElementById('toggle' + sID);
		oEl.innerHTML = sShowPrompt;
	}
}