// toggle lists in right-column toolbox
// can be called in two ways. usually:
// <li id="foo" class="toggle" ><a onclick="toggle(this); return false;" href="url" title="any" >text</a>
// or if an element comes between the link and it's parent:
// <li id="foo" class="toggle" ><span><a onclick="toggleID('foo'); blur(this); return false;" href="#url" title="any" >text</a>


dom = (document.getElementById)? true:false;

function toggle(id) { // onclick="toggle(this); return false;"
	id.blur();
	var parentID = id.parentNode
	togglelist(parentID);
}
	
function toggleID(id) { // onclick="toggleID('foo'); blur(this); return false;"
	var theID = dom ? document.getElementById(id) : document.all[id];
	togglelist(theID);
	}

function togglelist(id) {
	var parentID = id
	var status = parentID.className;
	if (status == "toggleon") { // if sublist opened, close it.
		parentID.className = "toggle";
		}
	else { // if sublist closed, close any opened, then open it.
		setStyleByClass('li','toggleon','background','not used'); 
		parentID.className = "toggleon";
	}
	return false;
	}


// setStyleByClass:
//  t - type of tag to check for (e.g., SPAN)
//  c - class name
//  p - CSS property
//  v - value
// http://developer.apple.com/internet/webcontent/styles.html
var ie = (document.all) ? true : false;
function setStyleByClass(t,c,p,v){
	var elements;
	if(t == '*') {
		// '*' not supported by IE/Win 5.5 and below
		elements = (ie) ? document.all : document.getElementsByTagName('*');
	} else {
		elements = document.getElementsByTagName(t);
	}
	for(var i = 0; i < elements.length; i++){
		var node = elements.item(i);
		for(var j = 0; j < node.attributes.length; j++) {
			if(node.attributes.item(j).nodeName == 'class') {
				if(node.attributes.item(j).nodeValue == c) {
					eval('node.className' + " = 'toggle'");
				}
			}
		}
	}
}	



// show hide scripts
// used for keywords

dom = (document.getElementById)? true:false;

function showit(id) {
	var id = dom ? document.getElementById(id) : document.all[id];
	id.style.display = "block";
	}

function hideit(id) {
	var id = dom ? document.getElementById(id) : document.all[id];
	id.style.display = "none";
	}

function showhide(id) {
	var theID = dom ? document.getElementById(id) : document.all[id];
	var status = theID.style.display
	if (status == "block") { hideit(id); }
	else { showit(id); }
	return false;
	}