function toggleDisplay(elementId)
{
    if (document.getElementById(elementId).style.display == "none")
        document.getElementById(elementId).style.display = "inline";
    else
        document.getElementById(elementId).style.display = "none";
}

function updateExtraSection(numCount)
{
	
	var pnlExtrasection1 = document.getElementById("pnlExtrasection1");
	var pnlExtrasection2 = document.getElementById("pnlExtrasection2");
	var pnlExtrasection3 = document.getElementById("pnlExtrasection3");
	var pnlExtrasection4 = document.getElementById("pnlExtrasection4");

	switch(parseInt(numCount))
			{			
				case 1:
					pnlExtrasection1.style.display = "table-row";
					pnlExtrasection2.style.display = "none";
					pnlExtrasection3.style.display = "none";
					pnlExtrasection4.style.display = "none";
					break;
				case 2:
					pnlExtrasection1.style.display = "table-row";
					pnlExtrasection2.style.display = "table-row";
					pnlExtrasection3.style.display = "none";
					pnlExtrasection4.style.display = "none";
					break;
				case 3:
					pnlExtrasection1.style.display = "table-row";
					pnlExtrasection2.style.display = "table-row";
					pnlExtrasection3.style.display = "table-row";
					pnlExtrasection4.style.display = "none";
					break;
				case 4:
					pnlExtrasection1.style.display = "table-row";
					pnlExtrasection2.style.display = "table-row";
					pnlExtrasection3.style.display = "table-row";
					pnlExtrasection4.style.display = "table-row";
					break;
				default:
					pnlExtrasection1.style.display = "none"; 
					pnlExtrasection2.style.display = "none";
					pnlExtrasection3.style.display = "none";
					pnlExtrasection4.style.display = "none";
					break;			
			}
}