// JavaScript Document
//*********************************************
// Function that Shows an HTML element
//*********************************************
function showDiv(divID)
{
	for (var i=1; i<=divID; i++)
	{
		var showit = "member"+i;
		//alert(showit);
		var div = document.getElementById(showit);
		div.style.display = ""; //display div
	}
	
	
}
//*********************************************
// Function that Hides an HTML element
//*********************************************
function hideDivs()
{
	//var div = document.getElementById("member1");
	//div.style.display = "none"; // hide
	for (var i=1; i<=6; i++)
	{
		var hider = "member"+i;
		//alert(hider);
		hideDiv(hider);
	}
}

//*********************************************
// Function that Hides an HTML element
//*********************************************
function hideDiv(divID)
{
	var div = document.getElementById(divID);
	div.style.display = "none"; // hide
}
//*****************************************************************************
// Function that Hides all the Div elements in the select menu Value
//*****************************************************************************
function hideAllDivs()
{
	//Loop through the seclect menu values and hide all
	var selectMenu = document.getElementById("selectMenu");
	for (var i=0; i<=selectMenu.options.length -1; i++)
	{
		hideDiv(selectMenu.options[i].value);
	}
}
//*********************************************
// Main function that calls others to toggle divs
//*********************************************
function toggle(showID)
{
	hideDivs(); // Hide all
	//alert(showID);
	showID = showID-1;
	showDiv(showID); // Show the one we asked for

}