/* version 1.0
 *
 * set onclick on A.
 *
 * set id="on" and search for A="on" onload, then 
 * display that block.
 *
 * Onclick, hide ul with id="on" ,
 * and display block and set id="on" for new selection.
 */
function hide(level) {
	var obj = document.getElementById('on'+level);
	if (obj) { 
		obj.id = '';
		obj.style.display = 'none'; 
	}
}
function setinactive(level) {
	var obj = document.getElementById('active'+level);
	if (obj) { 
		obj.id = '';
	}
}
function show(oA, level) {
	hide(level);
	if ( oA.id == 'active'+level ) {
		/* leave current subnav hidden */
		oA.id = '';
	} else {
		/* user clicked different subnav, so show it */
		/* clear prev active id */
		setinactive(level);
		oA.id = 'active'+level;
		findNextUL(oA, level);
	}
}

function findNextUL(oA, level) {
	y = oA.nextSibling;
	if (y.nodeName == 'UL') {
		displayUL(y, level);
	} else {
		findNextUL(y, level);
	}	
}	

function displayUL(oUL, level) {
	if ( oUL.id != 'on'+level ) {
		oUL.id = 'on'+level;
		oUL.style.display = 'block';
	}
}
function getPrevUL(oA, level) {
	y = oA.parentNode;
	/* alert(oA+": Parent:"+y); */
	if (y.nodeName == 'UL') {
		displayUL(y, level);
		level--;
		if (level > 0) {
			getPrevUL(y, level);
		}
	} else {
		getPrevUL(y, level);
	}	
}