// JavaScript Document
function $(Obj){
return document.getElementById(Obj);
}
var P1=$("P1");
var P2=$("P2");
var P3=$("P3");
var P4=$("P4");
var M1=$("M1");
var M2=$("M2");
var M3=$("M3");
var M4=$("M4");

M2.style.display='none';
M3.style.display='none';
M4.style.display='none';


P1.onclick=function(){
P2.className='P2css';
P3.className='P2css';
P4.className='P2css';
M2.style.display='none';
M3.style.display='none';
M4.style.display='none';
P1.className='P1css';
M1.style.display='';
}

P2.onclick=function(){
P1.className='P2css';
P3.className='P2css';
P4.className='P2css';
M1.style.display='none';
M3.style.display='none';
M4.style.display='none';
P2.className='P1css';
M2.style.display='';
}

P3.onclick=function(){
P1.className='P2css';
P2.className='P2css';
P4.className='P2css';
M1.style.display='none';
M2.style.display='none';
M4.style.display='none';
P3.className='P1css';
M3.style.display='';
}

P4.onclick=function(){
P1.className='P2css';
P2.className='P2css';
P3.className='P2css';
M1.style.display='none';
M2.style.display='none';
M3.style.display='none';
P4.className='P1css';
M4.style.display='';
}