document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};

function toggle(className,panelId)
{
	var showHideObj = document.getElementById(className + "ShowHide" + panelId);
	var togglePanelObj = document.getElementById(className + "Item" + panelId);
	
	if(togglePanelObj.style.display == "none")
	{
		togglePanelObj.style.display = "block";
		showHideObj.innerHTML = "Hide Details";
	}
	else
	{
		togglePanelObj.style.display = "none";
		showHideObj.innerHTML = "Show Details";
	}
	
	// close all other open panels
	var openPanels = document.getElementsByClassName(className + "Panel");
	
	for(var i = 0; i < openPanels.length; i++)
	{
		if(openPanels[i].style.display == "block" && openPanels[i].id != (className + "Item" + panelId))
		{
			openPanels[i].style.display = "none";
			var showHideLinkId = className + "ShowHide" + openPanels[i].id.substring((openPanels[i].id.indexOf("Item") + 4));
			//alert(showHideLinkId);
			document.getElementById(showHideLinkId).innerHTML = "Show Details";
		}
	}
}