// the collapse function
var show_hide = function () {
    var obj = this;
    var myHidden = obj.cfg.visible;
    if (myHidden) { obj.show(); } else { obj.hide(); }
    obj.cfg.visible = !myHidden;
}

var setup_collapse = function() {    
    var arrone = YAHOO.util.Dom.getElementsByClassName("articleHeader");
    var arr2 = YAHOO.util.Dom.getElementsByClassName("namelistHeader");
    var arr3 = YAHOO.util.Dom.getElementsByClassName("treeHeader");
    var arr4 = YAHOO.util.Dom.getElementsByClassName("imageHeader");
    var anime = YAHOO.util.Dom.getElementsByClassName("anime");
    var clickElements = arrone.concat(arr2, arr3, arr4, anime);
    for (var i=0; i<clickElements.length; i++) {
      var clickelem = clickElements[i];
      var clickid = clickelem.getAttribute("id");
      if (clickid == null || clickid=="") {
        clickid = "id_click_" + (i+1);
        clickelem.setAttribute("id",clickid);
      }
      // alert(clickid);
      
      // get the node element and id of the next div
      var hidenode = clickelem.nextSibling;
      while ( hidenode.nodeType != 1 && hidenode.nodeName!="div") {
         hidenode = hidenode.nextSibling;
      }
      hideid = hidenode.getAttribute("id"); 

      // set the id for the hideable portion if it is blank
      if (hideid == null || hideid=="") {
        hideid = "p_"+clickid;
        hidenode.setAttribute("id",hideid);
      }

      // alert(hideid);

      // create a module and a listener to hide it when the header is clicked
      var hidemodule = new YAHOO.widget.Module(hideid, { visible: true });
      YAHOO.util.Event.addListener(clickid, "click", show_hide, hidemodule, true);
    }
}

YAHOO.util.Event.addListener(window, "load", setup_collapse);