var Hotlinks = Class.create({
  initialize: function(container) {
    this.container = $(container);

    this.bodies = this.container.getElementsByClassName('hotlink_body');
    this.bodies[0].hotlink_isopen = true;
    for (var i = 1; i < this.bodies.length; i++) {
      this.bodies[i].hotlink_isopen = false;
    }

    var heads = this.container.getElementsByClassName('hotlink_head');
    for (var i = 0; i < heads.length; i++) {
      heads[i].hotlink_id = heads[i].id.substr(5);
      heads[i].onclick = function() {
        hotlinks.open(this.hotlink_id);
        this.parentNode.className = "on";
        return false;
      }
    }
  },
  open: function(id) {
    var el = $('body_' + id);
    if (!el.hotlink_isopen) {
      for (var i = 0; i < this.bodies.length; i++) {
        if (this.bodies[i].hotlink_isopen) {
          new Effect.BlindUp(this.bodies[i], {duration: 0.7});
          this.bodies[i].hotlink_isopen = false;
          $('head_' + this.bodies[i].id.substr(5)).parentNode.className = "";
        }
      }
      new Effect.BlindDown(el, {duration: 0.7});
      el.hotlink_isopen = true;
    }
  }
});

var hotlinks;
Event.observe(window, "load", function() {
  hotlinks = new Hotlinks('hotlinks');
});