function showSITabInfo(ClickedID)
{
	ClassValue = ClickedID.className;

	if (ClassValue.indexOf('msiTabOption1On') >= 0 || ClassValue.indexOf('msiTabOption1Off') >= 0){
		//changes the class Activ if the tab clicked
		tabOption = document.getElementById('msiTabOption1');
		tabOption.className = 'msiTabOption1On';

		//changes the class Inactive
		tabOption = document.getElementById('msiTabOption2');
		tabOption.className = 'msiTabOption2Off';

		//show the conteiner information for each tab select
		myObje = document.getElementById('msiTab1');
		myObje.style.display = 'block';
		myObje = document.getElementById('msiTab2');
		myObje.style.display = 'none';
	}

	else if (ClassValue.indexOf('msiTabOption2On') >= 0 ||ClassValue.indexOf('msiTabOption2Off') >= 0){
		//changes the class Activ if the tab clicked
		tabOption = document.getElementById('msiTabOption1');
		tabOption.className = 'msiTabOption1Off';

		//changes the class Inactive
		tabOption = document.getElementById('msiTabOption2');
		tabOption.className = 'msiTabOption2On';

		//show the conteiner information for each tab select
		myObje = document.getElementById('msiTab1');
		myObje.style.display = 'none';
		myObje = document.getElementById('msiTab2');
		myObje.style.display = 'block';
	}

}