// tab
function doClick1(o){
	 o.className="title2a";
	 var j;
	 var id;
	 var b;
	 for(var i=1;i<=3;i++){
	   id ="dd"+i;
	   j = document.getElementById(id);
	   b = document.getElementById("d"+i);
	   if(id != o.id){
	   	 j.className="title2b";
	   	 b.style.visibility = "hidden";
	   }else{
			b.style.visibility = "visible";
	   }
	 }
}

function doClick2(o){
	 o.className="title1c";
	 var k;
	 var id;
	 var e;
	 for(var i=1;i<=9;i++){
	   id ="ee"+i;
	   k = document.getElementById(id);
	   e = document.getElementById("e"+i);
	   if(id != o.id){
	   	 k.className="title3d";
	   	 e.style.visibility = "hidden";
	   }else{
			e.style.visibility = "visible";
	   }
	 }
}

function doClick3(o){
	 o.className="title1f";
	 var k;
	 var id;
	 var w;
	 for(var i=1;i<=4;i++){
	   id ="ww"+i;
	   k = document.getElementById(id);
	   w = document.getElementById("w"+i);
	   if(id != o.id){
	   	 k.className="title3g";
	   	 w.style.visibility = "hidden";
	   }else{
			w.style.visibility = "visible";
	   }
	 }
}

function doClick4(o){
	 o.className="title2h";
	 var m;
	 var id;
	 var l;
	 for(var i=1;i<=2;i++){
	   id ="ll"+i;
	   m = document.getElementById(id);
	   l = document.getElementById("l"+i);
	   if(id != o.id){
	   	 m.className="title2i";
	   	 l.style.visibility = "hidden";
	   }else{
			b.style.visibility = "visible";
	   }
	 }
}