function showTab(ClickedID)
{
	ClassValue = ClickedID.className;
	
	if (ClassValue =='optionTab1On'||ClassValue =='optionTab1Off'){
			
		//changes the class Activ if the tab clicked 
		tabOption = document.getElementById('Option1');
		tabOption.className = 'optionTab1On';
		
		//changes the class Inactive 
		tabOption = document.getElementById('Option2');
		tabOption.className = 'optionTab2Off';
		
		//show the conteiner information for each tab select 
		myObje = document.getElementById('tab1');
		myObje.style.display = 'block';
		myObje = document.getElementById('tab2');
		myObje.style.display = 'none';
	
	}
	
	else if (ClassValue =='optionTab2On'||ClassValue =='optionTab2Off'){
		//changes the class Activ if the tab clicked 
		tabOption = document.getElementById('Option1');
		tabOption.className = 'optionTab1Off';
		
		//changes the class Inactive 
		tabOption = document.getElementById('Option2');
		tabOption.className = 'optionTab2On';
		
		//show the conteiner information for each tab select 
		myObje = document.getElementById('tab1');
		myObje.style.display = 'none';
		myObje = document.getElementById('tab2');
		myObje.style.display = 'block';
	}
	
}