// Hides and shows the conviction details on display form.
var ConvictionDetail = Class.create({
   initialize: function() {
      this.yes = $('profile_conviction_yes');
      this.no = $('profile_conviction_no');
      this.detail = $('conviction_detail');
      this.transition = 0.5;
      Event.observe(this.yes, 'click', this.showDetail.bindAsEventListener(this));
      Event.observe(this.no, 'click', this.hideDetail.bindAsEventListener(this));
      if(!this.yes.checked) {
         this.hideDetail(null);
      }
   },
   
   showDetail: function(e) {
      new Effect.Appear(this.detail, {
         duration: this.transition
      });
   },
   hideDetail: function(e) {
      new Effect.Fade(this.detail, {
         duration: this.transition
      });
   }
});

function initializeConvictionDetail(e) {
   if($('conviction_detail')) {
      new ConvictionDetail();
   }
}

Event.observe(window, 'load', initializeConvictionDetail);