﻿function ToogleSectionVisibility(imageId, tableID)
{
	var table = document.getElementById(tableID);
	if (table)
	{
		if (table.style.display == 'none')
			table.style.display = 'block';
		else
			table.style.display = 'none';
		
		var image = document.getElementById(imageId);
		if (image)
		{
			if (table.style.display == 'none')
				image.src = '/_layouts/images/plus.gif';
			else
				image.src = '/_layouts/images/minus.gif';

		}
	}
}


function ToogleTabsVisibility(tabsCount, indexToShow, tableSelectedStyle, tableUnselectedStyle, td0SelectedStyle, td0UnselectedStyle, td1SelectedStyle, td1UnselectedStyle, td2SelectedStyle, td2UnselectedStyle, td3SelectedStyle, td3UnselectedStyle, td4SelectedStyle, td4UnselectedStyle)
{
	var i=0;
	for (i=0;i<=10;i++)
	{
		var divid = 'tabs_div' + i;
		
		var div = document.getElementById(divid );
		if (div)
		{
			if (indexToShow==i)
				div.style.display = 'block';
			else
				div.style.display = 'none';
			
		}
		
		var tableId = 'tabs_table' + i;
		var table = document.getElementById(tableId);
		if (table)
		{
			if (indexToShow==i)
				table.className = tableSelectedStyle
			else
				table.className = tableUnselectedStyle;
		}

		var td0Id = 'tabs_td0' + i;
		var td0 = document.getElementById(td0Id);
		if (td0)
		{
			if (indexToShow==i)
				td0.className = td0SelectedStyle
			else
				td0.className = td0UnselectedStyle;
		}

		var td1Id = 'tabs_td1' + i;
		var td1 = document.getElementById(td1Id);
		if (td1)
		{
			if (indexToShow==i)
				td1.className = td1SelectedStyle
			else
				td1.className = td1UnselectedStyle;
		}
		
		var td2Id = 'tabs_td2' + i;
		var td2 = document.getElementById(td2Id);
		if (td2)
		{
			if (indexToShow==i)
				td2.className = td2SelectedStyle
			else
				td2.className = td2UnselectedStyle;
		}
		
		var td3Id = 'tabs_td3' + i;
		var td3 = document.getElementById(td3Id);
		if (td3)
		{
			if (indexToShow==i)
				td3.className = td3SelectedStyle
			else
				td3.className = td3UnselectedStyle;
		}
		
		var td4Id = 'tabs_td4' + i;
		var td4 = document.getElementById(td4Id);
		if (td4)
		{
			if (indexToShow==i)
				td4.className = td4SelectedStyle
			else
				td4.className = td4UnselectedStyle;
		}
	}
}