// JavaScript Document
function changeSty(tab){


  
if (tab == 1) {
	document.getElementById('tab1').className="tab on";
	document.getElementById('tabcontent1').style.display = 'block';
	
	if  (document.getElementById('tab2')) {
	    document.getElementById('tab2').className="tab";
		document.getElementById('tabcontent2').style.display = 'none';
	}
	
	if  (document.getElementById('tab3')) {
	document.getElementById('tab3').className="tab";
	document.getElementById('tabcontent3').style.display = 'none';
	}
		
	if  (document.getElementById('tab4')) {
	document.getElementById('tab4').className="tab";
	document.getElementById('tabcontent4').style.display = 'none';
	}	
	
}

else if (tab == 2) {
	document.getElementById('tab1').className="tab";
	document.getElementById('tabcontent1').style.display = 'none';
	
	if  (document.getElementById('tab2')) {
	    document.getElementById('tab2').className="tab on";
		document.getElementById('tabcontent2').style.display = 'block';
	}
	
	if  (document.getElementById('tab3')) {
	document.getElementById('tab3').className="tab";
	document.getElementById('tabcontent3').style.display = 'none';
	}
		
	if  (document.getElementById('tab4')) {
	document.getElementById('tab4').className="tab";
	document.getElementById('tabcontent4').style.display = 'none';
	}	
	
}
else if (tab == 3) {
	document.getElementById('tab1').className="tab";
	document.getElementById('tabcontent1').style.display = 'none';
	
	if  (document.getElementById('tab2')) {
	    document.getElementById('tab2').className="tab";
		document.getElementById('tabcontent2').style.display = 'none';
	}
	
	if  (document.getElementById('tab3')) {
	document.getElementById('tab3').className="tab on";
	document.getElementById('tabcontent3').style.display = 'block';
	}
		
	if  (document.getElementById('tab4')) {
	document.getElementById('tab4').className="tab";
	document.getElementById('tabcontent4').style.display = 'none';
	}	
}

else if (tab == 4) {
	document.getElementById('tab1').className="tab";
	document.getElementById('tabcontent1').style.display = 'none';
	
	if  (document.getElementById('tab2')) {
	    document.getElementById('tab2').className="tab";
		document.getElementById('tabcontent2').style.display = 'none';
	}
	if  (document.getElementById('tab3')) {
	document.getElementById('tab3').className="tab";
	document.getElementById('tabcontent3').style.display = 'none';
	}
		
	if  (document.getElementById('tab4')) {
	document.getElementById('tab4').className="tab on";
	document.getElementById('tabcontent4').style.display = 'block';
	}
}


}