var allPanels ;

function setupOverview() {
	allPanels = $("overview-list").getElementsByClassName("panelblock") ;
	if (!document.getElementById) return ;
	// Attach events to all the links
	for (var i=0; i<allPanels.length; i++) {
		Event.observe(allPanels[i], "click", clickPanel, false);
	}
	// Kill anchor links
	var anchors = $("overview-list").getElementsByTagName("a") ;
	for (var j=0; j<anchors.length; j++) { 
		anchors[j].href = "javascript:void('');" ;
	}
	// Replace final link with a button
	if ($("replacewithbutton")) {
		var myEl = $("replacewithbutton") ;
		var parentUL = myEl.up("ul") ;
		var holder = parentUL.parentNode ;
		var newButton = document.createElement("button") ;
			// breaking in IE newButton.type = "button" ;
			newButton.appendChild(document.createTextNode(myEl.firstChild.nodeValue)) ;
		holder.removeChild(parentUL) ;
		holder.appendChild(newButton) ;
	}
	// Show first panel
	showPanel($("overview-list").getElementsByClassName("showthisone")[0].id.substring(3)) ;
}

function clickPanel(e) {
	var clicked = Event.findElement(e, "li") ;
	if (!clicked.hasClassName("panelblock")) clicked = clicked.up("li.panelblock") ;
	showPanel(clicked.id.substring(3)) ;
}

function showPanel(panelID) {
	if (!$(panelID)) return false ;
	for (var i=0; i<allPanels.length; i++) {
		if (allPanels[i].id.substring(3) == panelID) {
			if ($(allPanels[i].id.substring(3))) $(allPanels[i].id.substring(3)).show() ;
			$(allPanels[i].id).addClassName("active")
		}
		else {
			if ($(allPanels[i].id.substring(3))) $(allPanels[i].id.substring(3)).hide() ;
			$(allPanels[i].id).removeClassName("active")
		}
	}
}

Event.observe(window, 'load', setupOverview, false);