function openMenu(id){
  if(null == document.getElementById(id)) return 0;

if (document.getElementById(id).style.display == "block"){
  document.getElementById(id).style.display = "none";
}else{
  document.getElementById(id).style.display = "block";
  }
}


function allclose(id) {
  var ignoreStr="";
  if(0 != id){
   var nodeLi="li_sub_menu_" + id;
 var ThisItem = document.getElementById(nodeLi);
 if(null == ThisItem){return 0;}
  
 var obj=ThisItem;
 var ignoreID = new Array();
 
 while(obj.id!="catroot"){
   ignoreID.push(obj.id.substr(obj.id.lastIndexOf("_") + 1,obj.id.length));  /*  !!!!!!!!!!!  */
   obj=obj.parentNode;
   } 
 ignoreID.reverse();
 
 for (var i = 0; i < ignoreID.length; i++)
   for (var j = 0; j < ignoreID.length; j++)
     if((i != j) && ignoreID[i] == ignoreID[j])
     ignoreID.splice(j, 1);
 
//alert(ignoreID.join("\n"));
 
for (var i = 0; i < ignoreID.length; i++)
  ignoreStr = ignoreStr + "sub_menu_" + ignoreID[i] + "\n" + "li_sub_menu_" + ignoreID[i] + "\n" + "div_sub_menu_" + ignoreID[i] + "\n";
}


  childs = document.getElementsByTagName("DIV");
  for(var i = 0; i < childs.length; i++) {
    if((childs[i].className =='active-title') &&  (-1 == ignoreStr.indexOf(childs[i].id))) childs[i].className = "c1";
  }

  childs = document.getElementsByTagName("UL");
  for(var i = 0; i < childs.length; i++) {
    if(-1 != childs[i].id.indexOf("sub_menu_") &&  (-1 == ignoreStr.indexOf(childs[i].id))) childs[i].style.display = "none";
  }

childs = document.getElementsByTagName("LI");
  for(var i = 0; i < childs.length; i++) {
    if(childs[i].className == 'active') childs[i].className = 'nrm';
  }
}


function ChangeDivCss(id) {
  if(null == document.getElementById(id)) return 0;

  if(document.getElementById(id).className == 'c1') {
    document.getElementById(id).className = 'active-title';
  }
  else {
    if(document.getElementById(id).className == 'active-title') 
   document.getElementById(id).className = 'c1';
    else {

    }

  }

}

function ChangeLICss(id) { 
  return 0;
  if(null == document.getElementById(id)) return 0;

  if(document.getElementById(id).className == 'nrm') {
    //alert('className == c1');
    document.getElementById(id).className = 'active';
  }
  else {
    if(document.getElementById(id).className == 'active') {
        //alert('className == active-title');
        document.getElementById(id).className = 'nrm';
    }
    else {
    }
  }
}

function ChangeSpanCss(id) {
   if(document.getElementById(id).className == 'none') {
    //alert('className == c1');
    document.getElementById(id).className = 'bld';
  }
  else {
    if(document.getElementById(id).className == 'bld') {
        //alert('className == active-title');
        document.getElementById(id).className = 'none';
    }
    else {
    }
  }
}