// JavaScript Document
function selectLayer1(i)
{
 switch(i)
 {
 case 1:
document.getElementById("boxP").style.display="block";
document.getElementById("boxM").style.display="none";
document.getElementById("tagP").className="tag1";
document.getElementById("tagM").className="tag2";

 break;
case 2:
document.getElementById("boxP").style.display="none";
document.getElementById("boxM").style.display="block";
document.getElementById("tagP").className="tag2";
document.getElementById("tagM").className="tag1";

 break;
case 3:
document.getElementById("boxS").style.display="block";
document.getElementById("boxZ").style.display="none";
document.getElementById("tagS").className="tag3";
document.getElementById("tagZ").className="tag4";

 break;
 case 4:
document.getElementById("boxS").style.display="none";
document.getElementById("boxZ").style.display="block";
document.getElementById("tagS").className="tag4";
document.getElementById("tagZ").className="tag3";
 break;
case 5:
document.getElementById("boxa").style.display="block";
document.getElementById("boxb").style.display="none";
document.getElementById("boxc").style.display="none";
document.getElementById("taga").className="tag3";
document.getElementById("tagb").className="tag4";
document.getElementById("tagc").className="tag4";
 break;
 case 6:
document.getElementById("boxa").style.display="none";
document.getElementById("boxb").style.display="block";
document.getElementById("boxc").style.display="none";
document.getElementById("taga").className="tag4";
document.getElementById("tagb").className="tag3";
document.getElementById("tagc").className="tag4";

 break;
 case 7:
document.getElementById("boxa").style.display="none";
document.getElementById("boxb").style.display="none";
document.getElementById("boxc").style.display="block";
document.getElementById("taga").className="tag4";
document.getElementById("tagb").className="tag4";
document.getElementById("tagc").className="tag3";

 break;
  case 8:
document.getElementById("boxd").style.display="block";
document.getElementById("boxe").style.display="none";
document.getElementById("boxf").style.display="none";
document.getElementById("boxg").style.display="none";
document.getElementById("boxh").style.display="none";
document.getElementById("tagd").className="tag3";
document.getElementById("tage").className="tag4";
document.getElementById("tagf").className="tag4";
document.getElementById("tagg").className="tag4";
document.getElementById("tagh").className="tag4";

 break;
  case 9:
document.getElementById("boxd").style.display="none";
document.getElementById("boxe").style.display="block";
document.getElementById("boxf").style.display="none";
document.getElementById("boxg").style.display="none";
document.getElementById("boxh").style.display="none";
document.getElementById("tagd").className="tag4";
document.getElementById("tage").className="tag3";
document.getElementById("tagf").className="tag4";
document.getElementById("tagg").className="tag4";
document.getElementById("tagh").className="tag4";
 break;
  case 10:
document.getElementById("boxd").style.display="none";
document.getElementById("boxe").style.display="none";
document.getElementById("boxf").style.display="block";
document.getElementById("boxg").style.display="none";
document.getElementById("boxh").style.display="none";
document.getElementById("tagd").className="tag4";
document.getElementById("tage").className="tag4";
document.getElementById("tagf").className="tag3";
document.getElementById("tagg").className="tag4";
document.getElementById("tagh").className="tag4";

 break;
  case 11:
document.getElementById("boxd").style.display="none";
document.getElementById("boxe").style.display="none";
document.getElementById("boxf").style.display="none";
document.getElementById("boxg").style.display="block";
document.getElementById("boxh").style.display="none";
document.getElementById("tagd").className="tag4";
document.getElementById("tage").className="tag4";
document.getElementById("tagf").className="tag4";
document.getElementById("tagg").className="tag3";
document.getElementById("tagh").className="tag4";

 break;
  case 12:
document.getElementById("boxd").style.display="none";
document.getElementById("boxe").style.display="none";  
document.getElementById("boxf").style.display="none";
document.getElementById("boxg").style.display="none";
document.getElementById("boxh").style.display="block";
document.getElementById("tagd").className="tag4";
document.getElementById("tage").className="tag4";
document.getElementById("tagf").className="tag4";
document.getElementById("tagg").className="tag4";
document.getElementById("tagh").className="tag3";

 break;
 }
}