function wp_showhide(theName) {
		theName = document.getElementById(theName);
		if(theName.style.display == "none"){
			theName.style.display = "block";
		}
		else{
			theName.style.display = "none";
		}
}




function display(x){
var elm;
elm = document.getElementById(x);
var display = elm.style.display;
if(display == 'none')
	elm.style.display = "inline";
else
	elm.style.display = "none";
}// end display

function expand_all(x)
{
	for(var i = 1; i < x + 1; i++)
		var elm = document.getElementById('showhide_' + i).style.display = "inline";
}// end expand_all

function shrink_all(x)
{
	for(var i = 1; i < x + 1; i++)
		var elm = document.getElementById('showhide_' + i).style.display = "none";
}// end shrink_all

/*
<p align="center"><a href="javascript:expand_all(4);">Expand All</a> / <a href="javascript:shrink_all(4);">Shrink All</a></p>
<p><a href="javascript:display('cat_1');">showhide_1</a></p>
<div style="display:none;" id="cat_1">Show content of Cat_1</div>
<p><a href="javascript:display('cat_2');">showhide_2</a></p>
<div style="display:none;" id="cat_2">Show content of Cat_2</div>
<p><a href="javascript:display('cat_3');">showhide_3</a></p>
<div style="display:none;" id="cat_3">Show content of Cat_...</div>
<p><a href="javascript:display('cat_4');">showhide_4</a></p>
<div style="display:none;" id="cat_4">Show content of Cat_27</div>
*/