//  This method "registers" all collapsible cateogory selectors by setting href="#" and
// setting the onclick event to toggle the associated span.
function registerCollapsibleClamShellMenuItems()
{
	// object where id="menuleft" is the UseCaseMenuHeader's top menu div container
	var menuleft = document.getElementById("menuleft");

	if (!menuleft)
		return;

	// Get all collapsible category selectors and replace their href events by onclick
	var anchors = menuleft.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++)
	{
		var anchor = anchors[i];
		if (anchor.getAttribute("isCollapsible") == "yes")
		{
			anchor.href = "#";

			// set the onclick event to toggle the span identified by anchor's spanId
			anchor.onclick = function() {
				toggleClamShellMenu(this.getAttribute("spanId"));
				return false;
			}
		}
	}
}

function toggleClamShellMenu(objectID)
{
	var object = document.getElementById(objectID);
	if (!object)
		return;

	if (object.style.display == 'block')
		object.style.display='none';
	else
		object.style.display='block';
}

// Register onload events here:
addLoadEvent(registerCollapsibleClamShellMenuItems);