function subVisibility(allTags){
 for(var i=0;i<allTags.length;i++){
  if(allTags[i].id!="menuContent") allTags[i].id="tag_"+i;
  if(allTags[i].className=="submenu"){
   allTags[i].className="submenu_hidden";
  } else if(allTags[i].className=="folder"){
   allTags[i+1].onmouseover=function(){
    this.className="step_mouseover";
    var previousTagObj=document.getElementById(getTagObj(this.id,-1));
    if(previousTagObj.className=="folder") previousTagObj.className="folder_mouseover"
    else if(previousTagObj.className=="folder_open") previousTagObj.className="folder_open_mouseover";
   };
   allTags[i+1].onmouseout=function(){
    this.className="step";
    var previousTagObj=document.getElementById(getTagObj(this.id,-1));
    if(previousTagObj.className=="folder_mouseover") previousTagObj.className="folder"
    else if(previousTagObj.className=="folder_open_mouseover") previousTagObj.className="folder_open";
   };
   allTags[i+1].href="Javascript:openFolder('tag_"+i+"')";
   allTags[i+1].target="_self";
  } else if(allTags[i].className=="step"){
   allTags[i+1].onmouseover=function(){
    if(this.className!="step_selected") this.className="step_mouseover";
   };
   allTags[i+1].onmouseout=function(){
    if(this.className=="step_mouseover") this.className="step";
   };
   allTags[i+1].onclick=function(){
    clearSelectedSteps();
    this.className="step_selected";
    var previousTagObj=document.getElementById(getTagObj(this.id,-1));
    previousTagObj.className="step_selected";
   }
  }
 };
 var setSelectedStep=false;
 for(var i=0;i<allTags.length;i++){
  if(! setSelectedStep){
   if(allTags[i].className=="step"){
    allTags[i].className="step_selected";
    allTags[i+1].className="step_selected";
    setSelectedStep=true;
   }
  }
 } 
}

function openFolder(objID){
 var folderObj=document.getElementById(objID);
 var subMenuObj=document.getElementById(getTagObj(objID,2));
 if(subMenuObj.className=="submenu"){
  subMenuObj.className="submenu_hidden"
  folderObj.className="folder";
 } else if(subMenuObj.className=="submenu_hidden"){
  subMenuObj.className="submenu";
  folderObj.className="folder_open";
 }
}

function getTagObj(objID,placing){
 var tmp=objID.split("_");
 var myTag="tag_"+Number(Number(tmp[1])+placing);
 return myTag;
}

function clearSelectedSteps(){
 var allTags=document.getElementsByTagName('*');
 for(var i=0;i<allTags.length;i++){
  if(allTags[i].className=="step_selected") allTags[i].className="step";
 }
}

function showContent(){
 var contentTagObj=document.getElementById("menuContent");
 contentTagObj.className="divVisible";
}