//Note: If the array ID not there in a div a run time error will occur.

var subs_array = new Array(
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
"11",
"12",
"13",
"14",
"15",
"16"
);// Put the id's of your hidden divs in this array

function showhide(the_sub)
{
var temp="";
var temp2="";

	if (document.getElementById(the_sub).style.display=="")	// if big showing
	{
	   	document.getElementById(the_sub).style.display = "none";	// hide big
		temp = the_sub + "a";							// show small
		document.getElementById(temp).style.display = "";
		return false;
  	}


  	for (i=0;i<subs_array.length;i++)	// if big not showing
	{
		var my_sub = document.getElementById(subs_array[i]);	//hide all bigs
	   	my_sub.style.display = "none";
	}

  	for (i=0;i<subs_array.length;i++)	// if big not showing
	{
		temp2 = subs_array[i] + "a";
		var my_sub = document.getElementById(temp2);	//show all small
	   	my_sub.style.display = "";
	}

	temp = the_sub + "a";
	document.getElementById(temp).style.display = "none";		// hide the small
  	document.getElementById(the_sub).style.display = "";		// show the big
}