// 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 : 760
         },
         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 = $H({width: '0px'});
         } else {
            var options = $H({height: '0px'});        
         }
         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);
   },

  //
  // 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)
      );

      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)
         );          
      }
      
    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)
      });
   }
}