// JavaScript Document
 function MmOption(optionId,htmlType,cssType,showId,number,myevent)
 {
  document.getElementById(showId+number).style.display="block";
  var mmArray=document.getElementById(optionId).getElementsByTagName(htmlType);
  for(var i=0;i<mmArray.length;i++)
  {
   mmArray[i].className=(i==number?cssType+"a":cssType+"b");
   mmArray[i][myevent]=function()
   {
    for(var j=0;j<mmArray.length;j++)
    {
     if(this!=mmArray[j])
     {
      mmArray[j].className=cssType+"b";
      document.getElementById(showId+j).style.display="none";
     }
     else
     {
      mmArray[j].className=cssType+"a";
      document.getElementById(showId+j).style.display="block";
     }
    }
   }
  }
 }
 window.onload=function()
 {
    MmOption("righttab","p","button","showId",0,"onclick");
  
  MmOption("sidenav","p","left","sidenavId",0,"onclick");

 }