// accordion.js v2.0

      //

      // Copyright (c) 2007 stickmanlabs

      // Author: Kevin P Miller | http://www.stickmanlabs.com

      //

      // Accordion is freely distributable under the terms of an MIT-style license.

      //

      // I don't care what you think about the file size...

      // Be a pro:

      // http://www.thinkvitamin.com/features/webapps/serving-javascript-fast

      // http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files

      //

       

      /*-----------------------------------------------------------------------------------------------*/

       

      if (typeof Effect == 'undefined')

      throw("accordion.js requires including script.aculo.us' effects.js library!");

       

      var accordion = Class.create();

      accordion.prototype = {

       

      //

      // Setup the Variables

      //

      showAccordion : null,

      currentAccordion : null,

      duration : null,

      effects : [],

      animating : false,

       

      //

      // Initialize the accordions

      //

      initialize: function(container, options) {

      if (!$(container)) {

      throw(container+" doesn't exist!");

      return false;

      }

       

      this.options = Object.extend({

      resizeSpeed : 8,

      classNames : {

      toggle : 'accordion_toggle',

      toggleActive : 'accordion_toggle_active',

      content : 'accordion_content'

      },

      defaultSize : {

      height : null,

      width : null

      },

      direction : 'vertical',

      onEvent : 'click'

      }, options || {});

       

      this.duration = ((11-this.options.resizeSpeed)*0.15);

       

      var accordions = $$('#'+container+' .'+this.options.classNames.toggle);

      accordions.each(function(accordion) {

      Event.observe(accordion, this.options.onEvent, this.activate.bind(this, accordion), false);

      if (this.options.onEvent == 'click') {

      accordion.onclick = function() {return false;};

      }

       

      if (this.options.direction == 'horizontal') {

      var options = {width: '0px', display:'none'};

      } else {

      var options = {height: '0px', display:'none'};

      }

      // options.merge({display: 'none'});

       

      this.currentAccordion = $(accordion.next(0)).setStyle(options);

      }.bind(this));

      },

       

      //

      // Activate an accordion

      //

      activate : function(accordion) {

      if (this.animating) {

      return false;

      }

       

      this.effects = [];

       

      this.currentAccordion = $(accordion.next(0));

      this.currentAccordion.setStyle({

      display: 'block'

      });

       

      this.currentAccordion.previous(0).addClassName(this.options.classNames.toggleActive);

       

      if (this.options.direction == 'horizontal') {

      this.scaling = $H({

      scaleX: true,

      scaleY: false

      });

      } else {

      this.scaling = $H({

      scaleX: false,

      scaleY: true

      });

      }

       

      if (this.currentAccordion == this.showAccordion) {

      this.deactivate();

      } else {

      this._handleAccordion();

      }

      },

      //

      // Deactivate an active accordion

      //

      deactivate : function() {

      var options = $H({

      duration: this.duration,

      scaleContent: false,

      transition: Effect.Transitions.sinoidal,

      queue: {

      position: 'end',

      scope: 'accordionAnimation'

      },

      scaleMode: {

      originalHeight: this.options.defaultSize.height ? this.options.defaultSize.height : this.currentAccordion.scrollHeight,

      originalWidth: this.options.defaultSize.width ? this.options.defaultSize.width : this.currentAccordion.scrollWidth

      },

      afterFinish: function() {

      this.showAccordion.setStyle({

      height: 'auto',

      display: 'none'

      });

      this.showAccordion = null;

      this.animating = false;

      }.bind(this)

      });

      // options.merge(this.scaling);

       

      this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive);

       

      new Effect.Scale(this.showAccordion, 0, options.update(this.scaling).toObject());

      },

       

      //

      // Handle the open/close actions of the accordion

      //

      _handleAccordion : function() {

      var options = $H({

      sync: true,

      scaleFrom: 0,

      scaleContent: false,

      transition: Effect.Transitions.sinoidal,

      scaleMode: {

      originalHeight: this.options.defaultSize.height ? this.options.defaultSize.height : this.currentAccordion.scrollHeight,

      originalWidth: this.options.defaultSize.width ? this.options.defaultSize.width : this.currentAccordion.scrollWidth
      }

      });

      options.merge(this.scaling);

       

      this.effects.push(

      new Effect.Scale(this.currentAccordion, 100, options.update(this.scaling).toObject())

      );

       

      if (this.showAccordion) {

      this.showAccordion.previous(0).removeClassName(this.options.classNames.toggleActive);

       

      options = $H({

      sync: true,

      scaleContent: false,

      transition: Effect.Transitions.sinoidal

      });

      options.merge(this.scaling);

       

      this.effects.push(

      new Effect.Scale(this.showAccordion, 0, options.update(this.scaling).toObject())

      );

      }

       

      new Effect.Parallel(this.effects, {

      duration: this.duration,

      queue: {

      position: 'end',

      scope: 'accordionAnimation'

      },

      beforeStart: function() {

      this.animating = true;

      }.bind(this),

      afterFinish: function() {

      if (this.showAccordion) {

      this.showAccordion.setStyle({

      display: 'none'

      });

      }

      $(this.currentAccordion).setStyle({

      height: 'auto'

      });

      this.showAccordion = this.currentAccordion;

      this.animating = false;

      }.bind(this)

      });

      }

      }