disable = 0;
function out() {
	if (disable == 0){
		document.getElementById(1).style.display = "none";  
		document.getElementById(2).style.display = "none";  
		document.getElementById(3).style.display = "none";  
		}else if (disable == 1){
		document.getElementById(1).style.display = "block";  
		document.getElementById(2).style.display = "none";  
		document.getElementById(3).style.display = "none";
//		document.getElementById(4).className = "active";  
		}else if (disable == 2){
		document.getElementById(1).style.display = "none";  
		document.getElementById(2).style.display = "block";  
		document.getElementById(3).style.display = "none"; 
	//	document.getElementById(5).className = "active";   
		}else if (disable == 3){
		document.getElementById(1).style.display = "none";  
		document.getElementById(2).style.display = "none";  
		document.getElementById(3).style.display = "block";  
		//document.getElementById(6).className = "active";  
		}
}
function change(number) {
// change style of menus
/*
if(number == 1){
		//ID of 4
		document.getElementById(2).style.display = "none";  
		document.getElementById(3).style.display = "none"; 
		//document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
} else if(number == 2){
		//ID of 5
		document.getElementById(1).style.display = "none";  
		document.getElementById(3).style.display = "none";  
		document.getElementById(4).className = "inactive";
		//document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
	} else if(number == 3){
		//ID of 6
		document.getElementById(1).style.display = "none";  
		document.getElementById(2).style.display = "none";  
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		//document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
	} else if(number == 4){
		//ID of 7
		document.getElementById(2).style.display = "none";  
		document.getElementById(1).style.display = "none";  
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		//document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
	} else if(number == 5){
		//ID of 8
		document.getElementById(2).style.display = "none";  
		document.getElementById(1).style.display = "none";  
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		//document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
	} else if(number == 6){
		//ID of 9
		document.getElementById(2).style.display = "none";  
		document.getElementById(1).style.display = "none";  
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		//document.getElementById(9).className = "inactive";
		document.getElementById(10).className = "inactive";
	} else if(number == 7){
		//ID of 10
		document.getElementById(2).style.display = "none";  
		document.getElementById(1).style.display = "none";  
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
		document.getElementById(7).className = "inactive";
		document.getElementById(8).className = "inactive";
		document.getElementById(9).className = "inactive";
		//document.getElementById(10).className = "inactive";
	} 
	document.getElementById(number).style.display = "block";
	tn = 3+number;
	//alert (tn);
	document.getElementById(tn).className = "active";
	disable = number;
*/
if(number == 1){
		//ID of 4
		document.getElementById(11).style.display = "block";  
		document.getElementById(12).style.display = "none"; 
		document.getElementById(13).style.display = "none";  
		document.getElementById(14).style.display = "none"; 
		document.getElementById(15).style.display = "none"; 
		document.getElementById(16).style.display = "none"; 
		document.getElementById(1).className = "active";
		document.getElementById(2).className = "inactive";
		document.getElementById(3).className = "inactive";
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
} else if(number == 2){
		document.getElementById(11).style.display = "none";  
		document.getElementById(12).style.display = "block"; 
		document.getElementById(13).style.display = "none";  
		document.getElementById(14).style.display = "none"; 
		document.getElementById(15).style.display = "none"; 
		document.getElementById(16).style.display = "none"; 
		document.getElementById(1).className = "inactive";
		document.getElementById(2).className = "active";
		document.getElementById(3).className = "inactive";
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
	} else if(number == 3){
		document.getElementById(11).style.display = "none";  
		document.getElementById(12).style.display = "none"; 
		document.getElementById(13).style.display = "block";  
		document.getElementById(14).style.display = "none"; 
		document.getElementById(15).style.display = "none"; 
		document.getElementById(16).style.display = "none"; 
		document.getElementById(1).className = "inactive";
		document.getElementById(2).className = "inactive";
		document.getElementById(3).className = "active";
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
	} else if(number == 4){
		document.getElementById(11).style.display = "none";  
		document.getElementById(12).style.display = "none"; 
		document.getElementById(13).style.display = "none";  
		document.getElementById(14).style.display = "block"; 
		document.getElementById(15).style.display = "none"; 
		document.getElementById(16).style.display = "none"; 
		document.getElementById(1).className = "inactive";
		document.getElementById(2).className = "inactive";
		document.getElementById(3).className = "inactive";
		document.getElementById(4).className = "active";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "inactive";
	} else if(number == 5){
		document.getElementById(11).style.display = "none";  
		document.getElementById(12).style.display = "none"; 
		document.getElementById(13).style.display = "none";  
		document.getElementById(14).style.display = "none"; 
		document.getElementById(15).style.display = "block"; 
		document.getElementById(16).style.display = "none"; 
		document.getElementById(1).className = "inactive";
		document.getElementById(2).className = "inactive";
		document.getElementById(3).className = "inactive";
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "active";
		document.getElementById(6).className = "inactive";
	} else if(number == 6){
		document.getElementById(11).style.display = "none";  
		document.getElementById(12).style.display = "none"; 
		document.getElementById(13).style.display = "none";  
		document.getElementById(14).style.display = "none"; 
		document.getElementById(15).style.display = "none"; 
		document.getElementById(16).style.display = "block"; 
		document.getElementById(1).className = "inactive";
		document.getElementById(2).className = "inactive";
		document.getElementById(3).className = "inactive";
		document.getElementById(4).className = "inactive";
		document.getElementById(5).className = "inactive";
		document.getElementById(6).className = "active";
	} 
	//document.getElementById(number).style.display = "block";
	//tn = 3+number;
	//alert (number);
	//alert (tn);
	//document.getElementById(tn).className = "active";
	disable = 10+number;

}
function change2(number) {
	/*document.getElementById(4).className = "inactive";
	document.getElementById(5).className = "inactive";
	document.getElementById(6).className = "inactive";*/
	if(number == 1){
		document.getElementById(2).style.display = "none";  
		document.getElementById(3).style.display = "none";
	} else if(number == 2){
		document.getElementById(1).style.display = "none";  
		document.getElementById(3).style.display = "none";  
	} else if(number == 3){
		document.getElementById(2).style.display = "none";  
		document.getElementById(1).style.display = "none";  
	} 
	document.getElementById(number).style.display = "block";
}