// this code is for the open/close expanding sections
function init(){
  var container = document.getElementById("container");
  var tags = container.getElementsByTagName("h4");
  for(var i = 0, tagsLength=tags.length; i<tagsLength; ++i){
	     var anchor = document.createElement("a");
	     anchor.setAttribute("href","#");
	
	     for(var n=0, childrenLength=tags[i].childNodes.length; n < childrenLength; ++n){ 
	       anchor.appendChild(tags[i].childNodes[n]);
	     }
	     for(var m=0, childrenLength=tags[i].childNodes.length; m < childrenLength; ++m){ 
	       tags[i].removeChild(tags[i].childNodes[m]);
	     }
	 tags[i].appendChild(anchor);
         Core.addEventListener(anchor,"click", expand);
         hide(tags[i]);
  }};
function hide(el){
	Core.removeClass(el,"expanded")
	Core.addClass(el,"collapsed");
	var sibling = el.nextSibling;
	
	while(sibling && sibling.nodeName.toLowerCase() != "h4"){
		  if(sibling.nodeType ==1){
			 Core.addClass(sibling,"hideme");
		  }
		  sibling = sibling.nextSibling;
	}};
function show(el){
	Core.removeClass(el,"collapsed");
	Core.addClass(el,"expanded");
	var sibling = el.nextSibling;
	
	while(sibling && sibling.nodeName.toLowerCase() != "h4"){
		  if(sibling.nodeType ==1){		
		     Core.removeClass(sibling,"hideme");
		  }
		  sibling = sibling.nextSibling;
	}};
function expand(ev){
	Core.preventDefault(ev);
	show(this.parentNode);
	Core.removeEventListener(this, "click", expand);
    Core.addEventListener(this,"click", collapse);
	};

function collapse(ev){
	Core.preventDefault(ev);
	hide(this.parentNode);
	Core.removeEventListener(this, "click", collapse);
    Core.addEventListener(this,"click", expand);
};
Core.addEventListener(window,"load",init);