// HTML Classes
var cs_description          = "description";
var cs_title                = "casestudy";
var cs_active_description   = "casestudy active";
var cs_inactive_description = "casestudy inactive";

// Scan for the description associated with the given title
function getdesc(title) {
  do {
    title = title.nextSibling;
    if (!title) return false;
  } while (title.className != cs_description)
  return title;
}

// Event handler to hide the previous description and display the next
var lastTitle = false;
function toggleTitle() {
  if (lastTitle) {
    lastTitle.className = cs_inactive_description;
//    getdesc(lastTitle).style.display = "none";
    Effect.toggle(getdesc(lastTitle),'blind');
  }
  if (lastTitle == this) {
    lastTitle = false;
  }
  else {
    this.className = cs_active_description;
//    getdesc(this).style.display = "block";
    Effect.toggle(getdesc(this),'blind');
    lastTitle = this;
  }
}

// Prepare document for Dynamic Case Study behavior, invoke from window onload
function initCaseStudy() {

  // Disable DOM behavior in non-compliant browsers
  if (!document.getElementsByTagName) return;

  // Find all elements of class "title" with a matching "description"
  elements = document.getElementsByTagName("*");
  for (var i = 0; i < elements.length; ++i) {
    var element = elements[i];

    if (element.className == cs_title) {
      var description = getdesc(element);
      if (description) {

        // Add onclick event and alter appearance of title
//        element.onclick = function() {  closeAllOtherDesc(this);};
        element.onclick = toggleTitle;
        element.className = cs_inactive_description;
        // Add hover effect for ie
        element.onmouseover = function() { this.className += " over"; }
        element.onmouseout = function() { this.className = this.className.replace(" over", ""); }

        // Hide answer
        description.style.display = "none";

      }
    }

  }

}
addLoadEvent(initCaseStudy);