initStretches=function() {

var stretchLinks;
var el, el_handler;

stretchLinks = document.getElementsByClassName("read_more");

stretchDivs  = document.getElementsByClassName("stretch_container");

hideAllStretchDivs(stretchDivs);
showAllReadMoreLinks(stretchLinks);

for (i=0; i<stretchLinks.length; i++) {

  el = node_before(stretchLinks[i]);
 
  if (!el.className == "stretchContainer") {
	 // collapsable div must be immediately after stretch handler
	 // Ignore if next element isn't a div
  }
  else {
	createStretch(el, stretchLinks[i]);
  }
  
}

}

createStretch=function(el_to_alter, el_to_trigger) {

	var stretch = new Fx.Height(el_to_alter);
	
	el_to_trigger.style.cursor = "pointer";

	el_to_trigger.onmouseover   = assignOverClass;
	el_to_trigger.onmouseout    = removeOverClass;


	el_to_trigger.title = "Expand this section";
	
	
	el_to_trigger.onclick = function() {	
	
			stretch.toggle();
						
			if (el_to_alter.style.height == "0px" || el_to_alter.style.height == "0pt") {
				this.innerHTML = "Close this section";
			} else {
				this.innerHTML = "Read More";
			}

			
		};
	
}

assignOverClass=function() {
  Element.addClassName(this, "over");
}

removeOverClass=function() {
  Element.removeClassName(this, "over");
}

function hideAllStretchDivs(stretchDivs) {

	for (i=0; i<stretchDivs.length; i++) {
		stretchDivs[i].style.height = "0";
	}

}

function showAllReadMoreLinks(readMoreLinks) {

	for (i=0; i<stretchDivs.length; i++) {
		readMoreLinks[i].style.display = "block";
	}
}


Event.observe(window, "load", initStretches, false);